javascript - React BrowserRouter - 如何以编程方式导航到不同的路线？

Question

我目前在我的 app.js 文件中有这个:

<BrowserRouter>
<div>
    <Switch>
        <Route exact path="/" component={CompOne}/>
        <Route path="/two" component={CompTwo} />
    </Switch>
</div>
</BrowserRouter>

在我的 CompOne 中，我想以编程方式导航到 CompTwo。我知道我可以使用 window.location 导航到/two 路径，但我想将一些 Prop 传递给 CompTwo。

我将如何在传递 Prop 时以编程方式从 CompOne 导航到 CompTwo？

Answer 1

其中一种方法是使用 history.push() 属性，所以如果你想导航到 CompTwo，你可以在里面做这样的事情CompOne :

this.props.history.push('/CompTwo');