小编典典

如何监听 react.js 中的状态变化?

all

React.js 中 Angular的 $
watch函数等价物是什么?

我想监听状态变化并调用 getSearchResults() 之类的函数。

componentDidMount: function() {
    this.getSearchResults();
}

阅读 177

收藏
2022-07-27

共1个答案

小编典典

我没有使用过 Angular,但是阅读上面的链接,您似乎正在尝试为不需要处理的东西编写代码。您在 React 组件层次结构中更改状态(通过
this.setState()),React 将导致您的组件重新渲染(有效地“监听”更改)。如果您想从层次结构中的另一个组件“监听”,那么您有两个选择:

  1. 从公共父级向下传递处理程序(通过道具)并让它们更新父级的状态,从而导致重新渲染父级下方的层次结构。
  2. 或者,为了避免层级向下级联处理程序的爆炸式增长,您应该查看Flux Pattern,它将您的状态移动到数据存储中并允许组件观察它们的变化。Fluxxor插件对于管理这个非常有用。
2022-07-27