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

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

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

最佳答案

这是探索助焊剂模式的有效案例。您将通过TagBoxItem中的操作创建者来启动操作,该操作将通过分派(dispatch)器传播到历史存储。在“历史记录存储”更改中,您将重新呈现“历史记录”组件。

与Flux类似,还有Redux状态容器,此容器现在引起很多关注。重要的区别是您将所有状态保存在单个存储中,而不是多个存储,而是为案例创建历史记录减少程序。探索the Gist了解更多详细信息。

关于javascript - 从远处传递数据,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32318150/

10-11 12:53