【问题标题】:React JS triggering re-render when props sorted道具排序时React JS触发重新渲染
【发布时间】:2014-08-22 12:55:03
【问题描述】:

我有一个由两个子组件组成的数据列表的反应组件

<List>
   <SortingAndFiltering data={this.state.data}/>
   <RowsDisplay data={this.state.data}/>
</List>

一个子组件处理排序和过滤,另一个渲染实际的大量数据。

当我对 SortingAndFiltering 内的 props.data 执行排序时,事件不会向上传播。

什么是正确的方式来表示道具的消费者已经对此道具进行了更改?

【问题讨论】:

    标签: reactjs


    【解决方案1】:

    【讨论】:

      【解决方案2】:

      React 默认不做双向数据绑定,这是有充分理由的。

      但是,有一个名为 ReactLink 的插件可能有用:http://facebook.github.io/react/docs/two-way-binding-helpers.html

      如果您将 Backbone 用作数据模型,则有一些 mixin 可为模型更改提供侦听器,当从层次结构中的任何位置接收到信号时,这些侦听器可以重新渲染应用程序。

      为了更深入地了解单向数据流,我推荐这个解释 Facebook 使用的 Flux 概念的视频:http://facebook.github.io/react/docs/flux-overview.html

      【讨论】:

      • 很酷,这很有意义,基本上,如果您在叶子通道上执行一个动作,该动作会更改为返回父级以执行数据更改的动作
      • @David 嗨,你能帮我看看我的问题吗:stackoverflow.com/questions/33926833/…
      • @David 我对 FLUX 很陌生,对如何构建应用程序有点困惑。
      猜你喜欢
      • 1970-01-01
      • 2021-07-13
      • 2022-01-02
      • 1970-01-01
      • 2021-12-29
      • 1970-01-01
      • 2018-03-11
      • 1970-01-01
      • 2019-12-10
      相关资源
      最近更新 更多