React-Router重新呈现错误的组件

Question

我设置了路由无法正常运行。 他们可能会转到该组件并提及正确的Route，但是当我手动编写URL时，它最终会重新呈现到主页或localhost：3001 / login。 您知道为什么会这样吗？ enter image description here

Answer 1

您已经定义了通往两个不同组件的相同路径，这可能就是问题所在。

<Route exact path="/" component={Charges} />
<Route exact path="/" component={Account} />

这不是授权路线的理想方法。试试这样的东西

<Route  path="/account" render={() => (isAuth() ? (<Redirect to="/login"/>) : (<Account />))}/> 

isAuth（）是一个返回布尔值的函数

isAuth() => {this.props.isAuth};

如果 isAuth（）返回true，这将呈现“帐户”组件，否则它将重定向到登录名。

，看起来您有<Redirect to="/login"/>应该引起错误。