如何監聽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 
    }); 
}