时间戳

首页 > 解决方案 > React 组件更新持有要更新的其他组件

javascript - React 组件更新持有要更新的其他组件

问题描述

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

```

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

```

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

onClickon 事件将TableWrapper发送两个动作来改变isLoading和[tableData]在 store 中并导致两个组件更新。

我的问题是TableWrapper需要一点时间来更新，而Spinner不会。但是，直到完成Spinner才会更新。TableWrappercomponentDidUpdate

所以现在的行为是 after onClick，两个组件都卡住了一段时间，然后都更新到新状态。

我的目标是在触发后Spinner立即更新并更新本身。onClickTableWrapper

难道我做错了什么？

标签： javascriptreactjsredux

解决方案

也许尝试调度里面的加载动作sendActionToChangeTableData()，我不能告诉你为什么，但它对我有用

推荐阅读