从父组件传递 props 还是在 Flux Store 中监听状态变化更高效？

Question

假设我在 React 组件中有以下父 -> 子关系：

<parentComponent>
    <childComponent>
        <grandChildComponent>
            <greatGrandChildComponent></greatGrandChildComponent>
                ...
                  ...
                     ... // And so on
        </grandChildComponent>
</parentComponent>

假设我从 Flux 存储中获取数据，<parentComponent> 从 Flux 存储中获取状态/侦听更改，然后将相关数据传递给其子项是否更高效props 还是让每个 <..child> 组件直接监听 store 以获取其状态更新是否更高效？

Answer 1

性能可能取决于您的特定程序。您是否有理由担心这两种做法之间的性能？我必须想象这是一个极其微小的差异。

话虽这么说，惯用反应非常有利于有状态组件容纳无状态组件。除非有充分的理由让 child 组件自行管理（即管理它自己的状态而不是让 parent 管理它），否则您应该使用尽可能少的有状态组件来构建您的网站包含许多无国籍children.

tl;dr 从你的 parent

传递道具

从父组件传递 props 还是在 Flux Store 中监听状态变化更高效？

Is it More Performant to Pass Props From Parent Component Or Listen to State Change In Flux Store?

flux

reactjs

reactjs-flux