文章/答案/技术大牛

发布

社区首页 >问答首页 >外部包中的反应路由器v6

问外部包中的反应路由器v6
EN

Stack Overflow用户

提问于 2021-12-26 17:51:52

回答 2查看 382关注 0票数 0

我有一个应用程序与反应路由器在里面。所有应用程序都由路由器组件包装。

<Router>
    <Routes>
        <Route path = "/home/" element = { <HomePage />} />
        <Route path = "/desk/" element = { <Desk /> ) />
    </Routes>
</Router>

在我的桌面组件中，我从另一个包导入--我的外部组件表，它有Link、useLocation等。

我必须在表组件中使用路由器包装所有内容。所以现在我在应用程序中有了主路由器，在我的库组件中有了另一个路由器。在本例中，单击Link更改浏览器地址栏中的url，但它不能使主路由器正确地路由组件。

如果我在我的库中删除了路由器组件，它会显示诸如"useHref()只能在路由器组件的上下文中使用“这样的错误。

你能帮我解决这个问题吗？谢谢!

reactjs

react-router-dom

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-12-27 11:24:24

问题出在webpack的配置上。它必须是唯一的一个反应-路由器-多姆组件。我认为是这样的，因为我在使用Table组件的库的webpack配置中添加了“外部”。

而且我还要把这个添加到我的webpack配置的主应用程序中。

resolve: {
        alias: {
            'react-router-dom': path.resolve('./node_modules/react-router-dom'),
        },
        extensions: ['.js', '.jsx'],
    },

谢谢你的帮助！

票数 2

Stack Overflow用户

发布于 2021-12-27 09:02:17

从react路由器文档中查看这个示例：

https://v5.reactrouter.com/web/example/nesting

尝试只保留顶级Router包装器，并从Table内部删除该包装器。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70488654

复制

相似问题

问外部包中的反应路由器v6
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问外部包中的反应路由器v6EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问外部包中的反应路由器v6
EN