【问题标题】:react.js: events instead of passing handler in propsreact.js:事件而不是在道具中传递处理程序
【发布时间】:2014-11-27 21:59:59
【问题描述】:

在 React.js 中,父组件通过 props 传递处理程序以更新其状态。在深度嵌套的组件中,这可能会变得非常混乱。有没有办法通过 pub-sub 做到这一点 - 父母监听一个事件,并在它被孩子触发时执行处理程序?

PS:这个想法来自 Ractive.js (http://docs.ractivejs.org/latest/components#events)。

【问题讨论】:

    标签: javascript reactjs


    【解决方案1】:

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

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

    【讨论】:

    • 完全同意这个答案,一旦事情开始变得非常嵌套和复杂,通量就是要走的路。个人现在很喜欢它。
    • 你应该提到其他流行的基于通量的状态处理解决方案,例如 Redux
    猜你喜欢
    • 1970-01-01
    • 2016-03-09
    • 2017-04-29
    • 2015-03-08
    • 2017-10-03
    • 1970-01-01
    • 2022-11-18
    • 2023-03-11
    • 2019-07-06
    相关资源
    最近更新 更多