Javascript 当this.props.children发生更改时,如何重新渲染组件

Javascript 当this.props.children发生更改时,如何重新渲染组件,javascript,reactjs,Javascript,Reactjs,下面是我的示例代码 var Test = React.createClass({ componentDidMount: function(){ //do something } render: function() { return ( <div id="testDiv"> <Header messages={this.props.mesage} /> {

下面是我的示例代码

var Test = React.createClass({

componentDidMount: function(){
    //do something
}

render: function() {
    return (
        <div id="testDiv">
            <Header 
                messages={this.props.mesage} />
            {this.props.children}
            <Footer />
        </div>
    );
}
});
var Test=React.createClass({
componentDidMount:function(){
//做点什么
}
render:function(){
返回(
{this.props.children}
);
}
});
我将在componentDidMount中做一些事情。 当this.props.children运行时,componentDidMount将不运行,为什么


当this.props.children每次都更改时,如何运行函数?

componentDidMount
仅在安装组件时运行一次。您应该使用
componentWillUpdate
,它在收到新道具或状态时在渲染前立即调用,或者
componentWillReceiveProps
,它在安装的组件收到新道具之前调用。我从不使用componentWillUpdate,所以我完全忘记了它。