小编典典

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

reactjs

React.js中与angular的$
watch函数等效的函数是什么?

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

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

阅读 729

收藏
2020-07-22

共1个答案

小编典典

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

  1. 将处理程序从公共父级传递下来(通过props),并让它们更新父级的状态,从而导致父级以下的层次结构被重新呈现。
  2. 另外,为避免处理程序在层次结构中层叠泛滥,您应该查看流通模式,该模式将您的状态移动到数据存储中,并允许组件监视它们的更改。该Fluxxor插件是管理这个非常有用的。
2020-07-22