如何使用props.history.push加载页面时如何渲染组件,就像组件在渲染一样?

时间:2018-11-12 12:40:12

标签: javascript reactjs react-router-v4

使用react-router渲染组件,每个组件都有一个按钮和一个onClick事件。这是路线:

<Route path="/client" component={AsyncClientsTable}/>
<Route path="/account" component={AsyncAccountsTable}/>

onClick事件在每个组件中向表添加一行。再次单击该按钮,使用CSS display属性在表格中隐藏附加行。

如果位置按window.location = "/account"更改,则效果很好。 但是问题是,这会重新加载页面。

但是,如果使用react-router通过this.props.history.push("/account")更改了位置,则事件将运行两次,因此该行将不会追加到表中。

我想呈现AsyncAccountsTable组件,就像它与加载页面时呈现的一样。

如何实现?

更多信息是,正在使用具有新数据和组件名称的表组件。

致谢[Shashidhar N K]

0 个答案:

没有答案