Javascript React组件更新保存要更新的其他组件

Javascript React组件更新保存要更新的其他组件,javascript,reactjs,redux,Javascript,Reactjs,Redux,我是React和Redux新手,我有以下示例代码 ``` {sendActionToToLogleIsLoading(); sendActionToChangeTableData()} } /> ``` 两个组件,一个微调器和一个表,它们都使用自己的容器连接到redux存储。 Spinner连接到isLoading道具,TableWrapper连接到存储中的数组[tableData] TableWrapper上的onClick事件将发送两个操作来更改存储中的isLoading和[tableD

我是React和Redux新手,我有以下示例代码

```


{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>