title: componentWillReceiveProps() triggering for all child components
body: <p>I have 4 components those are added in App.jsx file.I'm trying to change the contents inside the component B when state changes occured in A and same way content of D has to change when changes occured in C. Here I used actions and reducers.The problem what I am facing is that whenever changes happening any of the component componentWillReceiveProps() method of all the class\componet is triggering</p>
  
  <pre><code>class App extends React.Component {
     render() {
         const { dispatch, visibleTodos } = this.props
        return (
           &lt;div &gt;
  
  
              &lt;A ongetAppStatusCick = {text =&gt;  dispatch(AppStatusfromServer(text))}  /&gt;
  
              &lt;B todos = {visibleTodos} /&gt;
  
  
              &lt;C  ongetAppStatusCicknew = {text =&gt;
                 dispatch(AppStatusApplicationDetail(text))} /&gt;
  
              &lt;D /&gt;
  
  
  
  
  
           &lt;/div&gt;
        );
     }
  }
  
  function select(state) {
     return {
        visibleTodos: state.todos
     }
  }
  
  export default connect(select)(App)`
  </code></pre>