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,所以我完全忘记了它。