javascript - 从远程组件传递数据

Question

我想知道是否有更好的方法在远程组件之间进行通信。就我而言，我的结构如下:

<div>
  <History />
  <Board>
    <BoxesView>
      <DataBox>
        <TagBoxItem />
      </DataBox>
    </BoxesView>
  </Board>
</div>

我需要将一些数据从TagBoxItem发送到历史记录(在TagBoxItem onClick操作中会将新项目添加到历史记录中)。最简单的解决方案是进行一些回调，并将数据从 TagBoxItem 逐步传递到主 div，然后将其传递到 History。但这真的是最好的方法吗？

Answer 1

这是探索 Flux 模式的有效案例。您将通过 TagBoxItem 中的操作创建者启动操作，该操作将通过调度程序传播到历史记录存储。在历史存储更改时，您将重新渲染历史组件。

与 Flux 类似，还有 Redux目前备受关注的状态容器。重要的区别不是将所有状态保存在单个商店中，而是将多个商店保存在一个商店中，您将为您的案例创建历史记录缩减器。探索 the Gist了解更多详情。