1. 首页
  2. 问题
  3. 如何在react.js中监听状态变化？
小编典典

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

reactjs

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

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

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

阅读 733

收藏
2020-07-22

共1个答案

小编典典

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

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