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

Question

在React.js中角色的$ watch函数等效于什么？

我想监听状态更改并调用getSearchResults（）之类的函数。

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

Answer 1

我没有使用Angular，但是阅读上面的链接，似乎你正在尝试编写一些你不需要处理的东西。您可以在React组件层次结构中（通过this.setState（））更改状态，并且React将使您的组件重新呈现（有效地“倾听”更改）。 如果你想从您的层次结构，然后另一部分为“听”你有两种选择：

1. 通处理器从一个共同的母公司下（通过道具），并让他们更新父的状态，导致下面的层次结构父母被重新呈现。
2. 或者，为了避免处理程序级联下来的处理程序爆炸，您应该查看flux pattern，它将您的状态移动到数据存储并允许组件观察它们的更改。 Fluxxor plugin对于管理这个非常有用。

Answer 2

以下lifecycle methods将在状态更改时调用。您可以使用提供的参数和当前状态来确定是否有意义的改变。

componentWillUpdate(object nextProps, object nextState) 
componentDidUpdate(object prevProps, object prevState) 

Answer 3

我认为你应该在组件生命周期以下使用，就好像你有一个输入属性，在更新时需要触发你的组件更新，那么这是最好的地方，因为它会在渲染你之前调用它更新组件状态以反映在视图上。

componentWillReceiveProps: function(nextProps) { 
    this.setState({ 
    likesIncreasing: nextProps.likeCount > this.props.likeCount 
    }); 
}