javascript - react .js : events instead of passing handler in props

Question

在 React.js 中，父组件传递处理程序以通过 props 更新其状态。在深度嵌套的组件中，这会变得非常困惑。有没有办法通过 pub-sub 来做到这一点—— parent 监听一个事件，并在它被 child 解雇时执行处理程序？

PS:从 Ractive.js ( http://docs.ractivejs.org/latest/components#events ) 得到了灵感。

Answer 1

我建议查看 facebook 与其 React 应用程序一起使用的 flux 架构。他们在单例存储中使用一种“pub/sub”，并使用操作来更新数据存储。当发生更新时，存储会通知所有订阅的控件进行更新。我已经将此设置用于一些个人项目，并取得了巨大成功，它减少了这种看起来很丑陋的“大量 Prop 传递”风格。

http://facebook.github.io/react/docs/flux-overview.html