Question

我是React和Redux的新手，我有以下示例代码。

```

<React.Fragment>
    <Spinner />
    <TableWrapper 
      onClick={
               ()=>{sendActionToToggleIsLoading();
                    sendActionToChangeTableData()}
              }
    />
</React.Fragment>

```

两个组件，Spinner和Table，它们都使用自己的容器连接到redux存储。 Spinner连接到isLoading道具，TableWrapper连接到商店中的数组[tableData]。

onClick上的TableWrapper事件将发送两个操作来更改商店中的isLoading和[tableData]，并导致两个组件更新。

我的问题是TableWrapper需要一些时间来更新，Spinner没有。但是，在Spinner完成TableWrapper之前，componentDidUpdate才会更新。

所以行为现在是在onClick之后，两个组件都停留了一段时间，然后都更新到新状态。

我的目标是让Spinner在onClick被触发后立即更新，TableWrapper自行更新。

我做错了吗？

Answer 1

也许尝试在sendActionToChangeTableData()内部发送加载动作，我不能告诉你为什么，但它对我有用

React组件更新包含要更新的其他组件

1 个答案: