更改页面后单击功能即可做出反应

时间:2018-07-10 09:22:28

标签: javascript reactjs onclick react-router

我正在使用React-router,我想从功能更改页面。该功能称为单击侧边栏中的按钮。我可以通过将按钮交换到react-router中的Link标签来做到这一点。但是我希望应用某些样式,然后更改页面以呈现新组件。那么如何从功能更改页面。

我已经尝试过history.push并在react router中重定向,但是都没有用。

2 个答案:

答案 0 :(得分:0)

<Link />也可以设置样式,只需在其上添加className或通过内联样式即可。

如果要在函数中调用route,则需要通过在组件中引用它或将其传递下来来确保您的组件已订阅了历史道具。然后例如:

this.props.history.push('/some/path')

答案 1 :(得分:0)

科林是正确的history.push应该起作用。也许用不好的参数来称呼它。

您可以阅读文档的这一部分,您将找到有关它的更多详细信息。 https://reacttraining.com/react-router/core/api/location