reactjs - 在新 URL 中打开组件 (React)

Question

我有一个带按钮的组件。我希望一个组件在按下按钮时在新 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>

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

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

标签： reactjsreact-router

Answer 1

请参阅react-router-dom以了解页面到页面导航并将数据从一个页面传递到另一个页面。

您可以使用来自 react 路由器 dom 的 switch 以及路由。请参阅您将了解的文档。