react-router-v4 相关问题

某些反应路线不适用于刷新或手动URL

我已经在StackOverflow或任何其他平台上阅读了所有可用的问题。我知道每次输入网址都会首先打到后端。但是当后端和...

React-router-dom：非常简单的嵌套路由不起作用

我搜索了不同的教程和多个stackOverflow问题。这些都没有帮助我解决一个非常基本的问题：使用react-router-dom实现嵌套路由这是我的代码...

React-router-dom：单击Link会无限期地将路径添加到Url Link

经过几次尝试，我设法通过React-router-dom实现了基本的嵌套路由。这是一个简单的项目结构：这是相关的文件：App.js从“ ...

React-router-dom：嵌套路由不起作用，而是从根组件App内部的路由

从地址栏重新加载URL后，Firefox中的路由器响应导航问题

我在带有React 16.12和React Router 4.3.1的SPA中遇到导航问题，仅在Firefox浏览器中会发生。例如，从URL / recommendedProducts开始，我导航到URL / forms。 ...

history.push是否应该呈现与路线关联的组件？

因此，我正在创建一个向服务器请求数据的加载器组件，然后根据响应-然后加载器页面将它们重定向/重新路由到其他页面。但是由于某些原因，history.push会发生变化...

React Router 4显示google缓存上的404页

[当我尝试查看我的网站在Google缓存上的缓存版本时，它始终呈现404页面，我认为这是因为React Router无法理解该路由，因为它运行在其他位置...

在React Router中到底是什么？

我是React学习的新手，并且正在尝试使用react-router-dom构建一个应用程序。当我遇到“交换机”一词时，我便能够实现基本路由。谁能用一个用法解释我......

是否是路由器？

我目前正在使用create-react-app制作一个React应用程序。这是一个包含多个部分的页面（主页/关于/联系人...），当然，每个部分都是我导出的组件。目前我的...

将属性传递到React-router版本5.1.2中的React Router内部组件

此功能可能类似于重复地址，但没有一个地址，它们是react-router版本5。我正试图抓住从React-router传递到LandingPage组件的prop。但是LandingPage ...

[在路由组件中使用privateroute时，URL的id显示为未定义

我需要在公共和私人模式下显示与指南相关的组件。我的意思是指南列表，创建指南，指南详细信息应该可以被任何人查看，但编辑指南页面应为...

未找到ReactJS在此服务器上未找到请求的URL / AboutMe

我创建了一个没有服务器的react应用（也使用react-router），并构建了它。将其上传到主机后，在我尝试将URL写入地址栏之前，它可以正常工作，它显示“ Not Found ...

反应。您不应该在 之外使用 我正在尝试在React中实现withRouter，所以我已经像这样导入它了 import { BrowserRouter, Route, Switch , withRouter} from "react-router-dom"; 然后在最后一行中，我写了以下内容 export default withRouter(App); 但是我收到错误 You should not use <withRouter(App) /> outside a <Router> 我正在尝试在我的app.js中实现它，如下所示 class App extends React.Component { constructor(props) { super(props); console.log("PROPS APPJS") console.log(props) //checks if user is autheticated within the system in order to manage routes this.state = { authenticationChecked: false, isAuthenticated: false } } componentDidMount() { //calls the auth service to decide the auth state value isAuthenticated().then((result) => { if (result === true) { this.setState({ isAuthenticated: true, authenticationChecked: true}) } else { this.setState({ isAuthenticated: false, authenticationChecked: true}) } }); } login = (email, password) => { var thiscomponent = this; axios({ method: 'post', url: 'http://localhost:3003/login', data: qs.stringify({ email, password }), headers: { 'content-type': 'application/x-www-form-urlencoded;charset=utf-8' } }).then(res => { console.log("set cookie") //the accestoken is set as a cookie in order to check routes Cookies.set('accesstoken', res.data.accesstoken); console.log("those are the props") console.log(this.props); this.setState({ isAuthenticated: true }, () => { thiscomponent.props.history.push('/'); }) }).catch(err => { console.log(err) }) } render() { if (!this.state.authenticationChecked) return null; return ( <BrowserRouter> <Switch> <Route exact path="/login" render={(props) => <LoginPage login={this.login} {...props} />} /> <PrivateRoute authed={this.state.isAuthenticated} exact path="/register" render={(props) => <RegisterPage />} /> <PrivateRoute authed={this.state.isAuthenticated} exact path="/" render={(props) => <NewLandingPage {...props} />} /> <PrivateRoute authed={this.state.isAuthenticated} path="/page1" render={(props) => <Page1 />} /> <PrivateRoute authed={this.state.isAuthenticated} path="/page2" render={(props) => <Page2 />} /> </Switch> </BrowserRouter> ) } } export default withRouter(App); 那里有什么问题？我实际上在那里有一个browserrouter，难道它也不应该也是路由器吗？ 我正在尝试在React中实现withRouter，因此我已经从“ react-router-dom”中像导入{BrowserRouter，Route，Switch，withRouter}一样导入了它；然后在最后一行中，我写了...

我正在尝试在React中实现withRouter，因此我已经从“ react-router-dom”中像导入{BrowserRouter，Route，Switch，withRouter}一样导入了它；然后在最后一行中，我写了...

使用BrowserRouter对路线进行更改的调度动作

每当我的应用中发生路线更改时，我都需要调度Redux操作。不幸的是，这些答案不适用于我的情况，因为我必须使用BrowserRouter而不是Router和BrowserRouter ...

如何在路线外访问比赛？

完成以下代码中尝试的最佳方法是什么？ App无法访问其中定义的路由的match.params，但我想将状态的一部分传递给子组件...

在react-router-dom中测试PrivateRoute

如何使用react-router-dom关闭浏览器后退按钮上的模式？

我正在使用react-router-dom，我想要的是当我单击浏览器后退按钮时能够关闭Modal。另外，在我的场景中，模态组件不是Switch的一部分。那么如何关闭...

有人对动态面包屑和反应路由器4有解决方案吗？

我找不到如何使用react-router v4实现动态面包屑的方法>

当我更改react-router的嵌套路由中的链接时，组件未加载

我在ComponentA内有以下代码 //更多...

我如何从内部组件导航到外部组件react-router-dom？

我确实需要一些帮助，想不出解决方案:(。我遇到这样的问题：例如，我在一个名为http：// localhost：3000 / quiz / draft的路由中。去http：// localhost：3000 / quiz / ...