静态React项目，将值从导航菜单传递到组件以及从组件传递到导航菜单

Question

我有一条带有自定义URL附加的路由，我想传递一个值以附加到组件的状态。然后是该组件中的一个函数，我想将该状态的值传递回去路由，或者至少更改URL。

因此，一条路线的路径是这样的...

<Route path="/exchange/:address" component={Exchange} />

，以及该Exchange组件中的一个函数，我想将值传递给路由并刷新页面，或者只是更改URL。路径中的URL或导航应在查找时将该状态值传递到组件中以呈现其所需的内容。

searchToken = (event) => {
        this.setState({foo: event});
        //pass foo to route or change URL with foo as address
    }

要添加，我的站点是静态的，并且我使用Hashrouter，并且在可预见的将来将不得不这样做。我是否不得不使用Redux？还是使用某种类似历史的钩子？我认为这里是最简单的解决方案。

Answer 1

this.props.history.push(`/exchange/${this.state.searchTokenAddress}`);

正如Dileep Thomas所说，我将历史推入了searchToken函数并获得了预期的结果。