Wie die Komponente neu rendern, wenn this.props.children

Question

Unten ist mein Beispielcode

var Test = React.createClass({ 

componentDidMount: function(){ 
    //do something 
} 

render: function() { 
    return (
     <div id="testDiv"> 
      <Header 
       messages={this.props.mesage} /> 
      {this.props.children} 
      <Footer /> 
     </div> 
    ); 
} 
}); 

Ich werde tun, was in componentDidMount verändert hat. Wenn die this.props.children, die KomponenteDidMount wird nicht ausgeführt, warum?

Wie kann ich Funktion ausführen, wenn this.props.children jedes Mal geändert wurde?

Answer 1

componentDidMount wird nur einmal ausgeführt, wenn Komponenten installiert sind. Sie sollten componentWillUpdate verwenden, die unmittelbar vor dem Rendern aufgerufen wird, wenn neue Requisiten oder Status empfangen werden, oder componentWillReceiveProps, die aufgerufen wird, bevor eine eingehängte Komponente neue Requisiten erhält.