Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何使用react路由器dom实现重定向?_Reactjs_Redirect_Router_React Router Dom - Fatal编程技术网

Reactjs 如何使用react路由器dom实现重定向?

Reactjs 如何使用react路由器dom实现重定向?,reactjs,redirect,router,react-router-dom,Reactjs,Redirect,Router,React Router Dom,我试着用 <Redirect to = 'loginPage' /> 但它并没有把我引向任何地方。我该怎么办 请帮助我您有两个重定向选项: 选项1: 如本例所示,使用: <Redirect to={{ pathname: '/loginpage' }} /> componentDidUpdate() { if (this.props.authenticated === false) { this.props.history.

我试着用

<Redirect to = 'loginPage' />

但它并没有把我引向任何地方。我该怎么办


请帮助我您有两个重定向选项:

选项1:

如本例所示,使用

<Redirect
  to={{
    pathname: '/loginpage'
  }}
/>
  componentDidUpdate() {
    if (this.props.authenticated === false) {
      this.props.history.push("/loginpage");
    }
  }
myComponent = withRouter(
  ServicePlanSelect
);
请注意,要使用此选项,该组件必须是
的子组件。否则,您必须使用
withRouter()
HOC,如本例所示:

<Redirect
  to={{
    pathname: '/loginpage'
  }}
/>
  componentDidUpdate() {
    if (this.props.authenticated === false) {
      this.props.history.push("/loginpage");
    }
  }
myComponent = withRouter(
  ServicePlanSelect
);

使用Please post your code.test通过像这样将/添加到loginPage另一个解决方案是使用browserHistory推送。Google it您会发现大量的示例Direct组件需要渲染才能正常工作,如果您使用的是类内方法,则可以参考