使用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]