title: How to re-render an i frame with this.setState using ReactJS?
body: <p>In a component, I am changing the state each time a button is clicked. The state is the url of the iframe. <strong>The fact is, clicking a button does change the state (when printing it out, it works), but does not re-render the iFrame with the new url</strong>. 
  How comes ? </p>
  
  <pre><code>import React, { Component } from 'react';
  
  class VeryGoodConcept extends Component {
  
  constructor(props) {
      super(props);
  
      this.state = { url: 'https://www.youtube.com/watch?v=g_ZKq471B2k' };
      this.changeVideo = this.changeVideo.bind(this);
  }
  
  changeVideo = (url) =&gt; {
      this.setState({ url });
      console.log(this.state.url);
  }
  
  
  render() {
      return (
          &lt;div className="very-good-concept text-center"&gt;
              &lt;h2 className="default-title"&gt;Le Very Good Concept&lt;/h2&gt;
              &lt;div className="row" id="video-row"&gt;
                  &lt;div className="col"&gt;
                      &lt;button onClick={() =&gt; this.changeVideo("https://www.youtube.com/watch?v=E_tlTXHAfBs")} className="btn video-btn"&gt;&lt;h5&gt;&lt;i className="fa fa-handshake-o"&gt;&lt;/i&gt;   Le caractère caritatif ?&lt;/h5&gt;&lt;/button&gt;
                      &lt;div className="caritative text-right"&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="col presentation-video"&gt;
                      &lt;iframe src={this.state.url}&gt;&lt;/iframe&gt;
                  &lt;/div&gt;
                  &lt;div className="col"&gt;
                      &lt;button onClick={() =&gt; this.changeVideo("https://www.youtube.com/watch?v=FuDv-sPXNoA")} className="btn video-btn"&gt;&lt;h5&gt;&lt;i className="fa fa-eur"&gt;&lt;/i&gt;   La réduction fiscale ?&lt;/h5&gt;&lt;/button&gt;
                      &lt;div className="red-fiscale text-left"&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;button onClick={() =&gt; this.changeVideo("https://www.youtube.com/watch?v=g_ZKq471B2k")} className="btn video-btn"&gt;&lt;h5&gt;&lt;i className="fa fa-users"&gt;&lt;/i&gt;   Comment ca marche ?&lt;/h5&gt;&lt;/button&gt;
          &lt;/div&gt;
      );
  }
  }
  
  
   export default VeryGoodConcept;
  </code></pre>
  
  <p><strong>EDIT</strong> : The issue was with the IFrame library I was using, which was not compatible with react ...</p>