Reactjs 在新URL中打开组件（React）

我有一个带按钮的组件。我想要一个组件在按下按钮时在新URL中打开另一个组件。我不想在新页面上使用其他组件。我还想将数据传递给一个新组件

更新：

<BrowserRouter>
    <Link onClick={this.getData.bind(this)}  to={{ pathname: "/test", data: this.state.data }}>Begin</Link>
    <Switch>
        <Route exact path="/test" component={Test} />
    </Switch>
</BrowserRouter>

开始

我写了一些代码，但有两个问题：

• 如何在路由之前获取数据
• 我的组件“测试”在此页面上呈现与以前的组件，我只希望在页面上的“测试”组件

请参阅，了解页面间导航和将数据从一页传递到另一页

---

您可以将react路由器dom中的交换机与路由一起使用。请看，您会知道的。

谢谢，我写了一些代码，但仍然有问题。见上文