我们如何使用react-router-dom实现重定向？

Question

我尝试使用

<Redirect to = 'loginPage' />

但它并没有将我重定向到任何地方。我该怎么办？

请帮帮我

Answer 1

您有两种方法可以重定向：

选项1：

在此示例中使用<Redirect to={{ pathname: '/loginpage' }} /> ：

this.props.history.push("/loginpage");

除了组件生命周期方法之外，此选项大部分时间都有效，例如ComponentDidMount，您需要选择下面的第二个选项。

选项2：

在此示例中使用 componentDidUpdate() { if (this.props.authenticated === false) { this.props.history.push("/loginpage"); } } ：

<BrowserRouter />

请注意，要使用此选项，组件必须是withRouter()的子组件。否则，您必须使用此示例中的myComponent = withRouter( ServicePlanSelect ); HOC：

{{1}}