How to re-render the component when this.props.children has changed

Question

Below is my sample code

var Test = React.createClass({ componentDidMount: function(){ //do something } render: function() { return ( <div id="testDiv"> <Header messages={this.props.mesage} /> {this.props.children} <Footer /> </div> ); } });

I will do something in componentDidMount. When the this.props.children, the componentDidMount will not run, why?

How can I run function when this.props.children has changed every time?

Bartek Fryzowicz · Accepted Answer · 2017-02-08 06:35:55Z

componentDidMount is run only once when components is mounted. You should use componentWillUpdate which is called immediately before rendering when new props or state are being received or componentWillReceiveProps which is invoked before a mounted component receives new props

Really appreciated. I never use componentWillUpdate, so I totally forget it.

Collectives™ on Stack Overflow

How to re-render the component when this.props.children has changed

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related