Questions tagged «react-router-dom»

有人可以解释一下 <Route exact path="/" component={Home} /> 和 <Route path="/" component={Home} /> 我不知道“确切”的意思

161 reactjs  react-router  react-router-dom 

我在我的项目中使用react-router-dom 4.0.0-beta.6。我有如下代码： <Route exact path="/home" component={HomePage}/> 我想在HomePage组件中获取查询参数。我已经找到了location.searchparam，它看起来像这样：?key=value，所以它是未解析的。 用react-router v4获取查询参数的正确方法是什么？

87 react-router  react-router-v4  react-router-dom 

我必须根据浏览历史实现一些业务逻辑。 我想做的是这样的： reactRouter.onUrlChange(url => { this.history.push(url); }); URL更新后，有什么方法可以接收来自react-router的回调吗？

87 reactjs  react-router  react-router-v4  react-router-redux  react-router-dom 

我正在使用几个星期前发布的React Router的新useHistory挂钩。我的React-router版本是5.1.2。我的React版本为16.10.1。您可以在底部找到我的代码。 但是，当我从react-router导入新的useHistory时，出现此错误： Uncaught TypeError: Cannot read property 'history' of undefined 这是由React-router中的这一行引起的 function useHistory() { if (process.env.NODE_ENV !== "production") { !(typeof useContext === "function") ? process.env.NODE_ENV !== "production" ? invariant(false, "You must use React >= 16.8 in order to use useHistory()") : invariant(false) : void 0; } return useContext(context).history; <---------------- …

18 reactjs  react-router  react-hooks  react-router-dom  react-context 

我正在从我的外部（node_modules）模式库中渲染组件。在主应用程序中，我将Link实例从实例传递react-router-dom到外部库的组件中，如下所示： import { Link } from 'react-router-dom'; import { Heading } from 'my-external-library'; const articleWithLinkProps = { url: `/article/${article.slug}`, routerLink: Link, }; <Heading withLinkProps={articleWithLinkProps} /> 在我的库中，它呈现Link为： const RouterLink = withLinkProps.routerLink; <RouterLink to={withLinkProps.url} > {props.children} </RouterLink> 在RouterLink似乎正确渲染，甚至在单击时浏览到的URL。 我的问题是，RouterLink似乎已与我的App react-router-dom实例分离。当我单击时Heading，它会“艰难”地导航，回发页面，而不是像Link往常那样无缝地路由到那里。 我不确定目前要尝试什么以使其无缝导航。任何帮助或建议，将不胜感激，在此先感谢您。 编辑：显示我的路由器的设置方式。 import React from 'react'; import { hydrate, unmountComponentAtNode } from …

10 javascript  reactjs  react-router-dom