title: receiving props from App.js using componentWillRecieveProps
body: <ul>
  <li>In my app.js for the button component I gave this props <code>propTwo={"two"}</code></li>
  <li>but still Button.js nothing is printing inside componentWillReceiveProps</li>
  <li>can yoi tell me how to recieve the props using componentWillReceiveProps method</li>
  <li>can you tell me how to use componentWillReceiveProps in my application</li>
  <li>providing my code snippet and sandbox below</li>
  </ul>
  
  <p><a href="https://codesandbox.io/s/hopeful-villani-xyikq" rel="nofollow noreferrer">https://codesandbox.io/s/hopeful-villani-xyikq</a></p>
  
  <pre><code>class Button extends Component {
    componentWillReceiveProps(nextprops) {
      console.log("componentWillReceiveProps nextprops---&gt;", nextprops);
    }
    render() {
      return (
        &lt;div&gt;
          &lt;button
            onClick={() =&gt; {
              // getPosts(channel);
              //  getAlert();
            }}
            className="btn btn-primary btn-lg btn-block"
          &gt;
            Get top news
          &lt;/button&gt;
        &lt;/div&gt;
      );
    }
  }
  </code></pre>
  
  <p><strong>App.js</strong></p>
  
  <pre><code>const App = () =&gt; (
    &lt;div&gt;
      &lt;RecentChannelItem /&gt;
      &lt;ChannelsField propOne={"one"} /&gt;
      &lt;Button propTwo={"two"} /&gt;
      &lt;TopNews /&gt;
    &lt;/div&gt;
  );
  </code></pre>