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路径，但我想向CompTwo传递一些道具。

如何在传递道具时以编程方式从CompOne导航到CompTwo？

Answer 1

其中一种方法是使用history.push()属性，因此如果您要导航到CompTwo，您可以在CompOne内执行此类操作：

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