Javascript React组件更新保存要更新的其他组件
我是React和Redux新手,我有以下示例代码 ```Javascript React组件更新保存要更新的其他组件,javascript,reactjs,redux,Javascript,Reactjs,Redux,我是React和Redux新手,我有以下示例代码 ``` {sendActionToToLogleIsLoading(); sendActionToChangeTableData()} } /> ``` 两个组件,一个微调器和一个表,它们都使用自己的容器连接到redux存储。 Spinner连接到isLoading道具,TableWrapper连接到存储中的数组[tableData] TableWrapper上的onClick事件将发送两个操作来更改存储中的isLoading和[tableD
{sendActionToToLogleIsLoading();
sendActionToChangeTableData()}
}
/>
```
两个组件,一个微调器和一个表,它们都使用自己的容器连接到redux存储。
Spinner
连接到isLoading
道具,TableWrapper
连接到存储中的数组[tableData]
TableWrapper
上的onClick
事件将发送两个操作来更改存储中的isLoading
和[tableData]
,并导致两个组件更新
我的问题是TableWrapper
需要一些时间来更新,而Spinner
则不需要。但是,微调器在TableWrapper
完成componentdiddupdate
之前不会更新
因此,现在的行为是在单击onClick
之后,这两个组件都停留了一段时间,然后都更新到新状态
我的目标是让微调器
在触发onClick
后立即更新,TableWrapper
会自动更新
我做错了什么吗?可能尝试在sendActionToChangeTableData()
中分派加载操作,我无法告诉您原因,但它对我有效您的意思是在一个操作中合并两个操作吗?或者创建一个函数来调用两个操作?我尝试了后者,但没有成功。用SetTimeOut
环绕一个动作可以让它工作,但我认为这不是正确的方法。
<React.Fragment>
<Spinner />
<TableWrapper
onClick={
()=>{sendActionToToggleIsLoading();
sendActionToChangeTableData()}
}
/>
</React.Fragment>