title: ReactJS componentWillReceiveProps not triggering
body: <p>I'm implementing a slider off of <a href="https://github.com/akiran/react-slick" rel="nofollow noreferrer">https://github.com/akiran/react-slick</a></p>
  
  <p>I have custom child components that need to update their state when the parent updates. When I load the slides in normally, eg:</p>
  
  <pre><code>&lt;Slider ref={c =&gt; this.slider = c } {...settings}&gt;
    &lt;div key={1}&gt;
      &lt;Slide1 key={1} formData={this.state.formData} /&gt;
    &lt;/div&gt;
    ...
  &lt;/Slider&gt;
  </code></pre>
  
  <p>componentWillReceiveProps works fine. However, when I load the slides dynamically based off the example <a href="https://github.com/akiran/react-slick/blob/master/examples/DynamicSlides.js" rel="nofollow noreferrer">here</a>, these lifecycle events are never called, even after state is updated in the parent.</p>
  
  <pre><code>componentDidMount() {
      this.setState({
          slides: [
              &lt;div key={1}&gt;
                  &lt;Slide1 key={1} formData={this.state.formData} /&gt;
              &lt;/div&gt;,
              ....
          ]
      )};
  }
  
  
  &lt;Slider ref={c =&gt; this.slider = c } {...settings}&gt;
    {this.state.slides.map(function (slide, i) {
      return slide
    })}
  &lt;/Slide&gt;
  </code></pre>
  
  <p>With the components loading like this, componentWillReceiveProps never gets called, even after state is updated.</p>
  
  <p>What am I missing? I don't need Redux to manage this do I?</p>