当前位置: 首页 > 面试题库 >

react-router vs react-router-dom,何时使用一个或另一个?

万修为
2023-03-14
问题内容

两者都有路由,链接等。何时使用一个或另一个?我真的很困惑在哪里使用每个。服务器端?客户端?

https://reacttraining.com/react-router/

在某些示例中,您需要传递历史记录,而在其他示例中则不需要。该怎么办?

<Router history={browserHistory}>

<Router>

何时使用一个或另一个非常令人困惑,任何帮助都值得赞赏。


问题答案:

react-router 包含 react-router-domreact-router-native
之间的所有公共组件。什么时候应该使用另一个?如果您在网络上,则 react-router-dom
应该具有所需的一切,因为它还可以导出所需的常用组件。如果您使用的是React Native,则出于相同的原因, react-router-
native
应该具有所需的一切。因此,您可能永远不必直接从 react-router 导入任何内容。就您使用时

<Router history={browserHistory}>

<Router>

在RRv4中,您无需传递浏览器历史记录,这仅适用于路由器的早期版本。

如果您仍然感到困惑,可以在此处查看每个包装的详细信息



 类似资料:
  • 两者都有路由、链接等。什么时候使用其中一种?我真的很困惑在哪里使用每一个。服务器端?客户端? https://reacttraining.com/react-router/ 在一些例子中,你需要通过历史,在另一些例子中则不需要。要怎么做? vs 什么时候使用一个或另一个真的很混乱,任何帮助都值得赞赏。

  • 问题内容: 我正在尝试使用react-router( 版本^ 1.0.3 )重定向到另一个视图,这让我很累。 我所需要的只是将使用发送到’/ login’就是这样。 我能做什么 ? 控制台错误: 未捕获的ReferenceError:未定义PropTypes 用我的路线归档 问题答案: 对于简单的答案,您可以使用来自的组件,而不是。有一些方法可以更改JS中的路由,但是似乎您在这里不需要。 要在1.

  • 我理解错误消息,但不确定在这种情况下应该如何处理它。我相信使用下面的decorator会导致这个问题,但是decorator需要在Storybook中使用组件。 以下是错误消息: 相信这是由于装饰,我只能假设在我的应用程序上游找到,但据我所知,Storybook没有加载我的索引文件。所以我不确定如何继续。 以下是简化的组件: 然后,故事: 最后,文件:

  • 问题内容: 我有以下几点: 使用DefaultRoute时,由于任何* Dashboard需要在Dashboard中呈现,因此SearchDashboard呈现不正确。 我想在“应用”路由内将DefaultRoute指向路由“ searchDashboard”。这是我可以使用React Router进行的操作,还是应该为此使用常规Javascript(用于页面重定向)? 基本上,如果用户转到主页,

  • 我有以下几点: 使用DefaultRoute时,SearchDashboard渲染不正确,因为任何*仪表板都需要在仪表板中渲染。 我想为我的默认路线内的"应用程序"路由指向路由"搜索仪表板"。这是我可以用React路由器做的事情吗,或者我应该为此使用普通的Javascript(页面重定向)? 基本上,如果用户转到主页,我希望将其发送到搜索仪表板。所以我想我正在寻找一个与

  • 问题内容: 我不断收到错误: “路由器”可能只有一个子元素 使用react-router时。 我似乎无法弄清楚为什么它不起作用,因为它与示例中显示的代码完全一样:快速入门 这是我的代码: 感谢您的帮助 问题答案: 您必须将您的换行到(或)中。 应该 jsfiddle / webpackbin