title: React native reuse a component issue with componentDidMount not being called
body: <p>I'm trying to reuse a component because I only need to change the data.</p>
  
  <p>I have one main component that includes the reusable component. It should change the reusable component status according to the button selected.</p>
  
  <pre><code>...
  renderReusable() {
      switch (this.state.selectedButton) {
        case 'Test1':
          return &lt;ReusableComp status="Test1" /&gt;;
        case 'Test2':
          return &lt;ReusableComp status="Test2" /&gt;;
        default:
          break;
      }
    }
  ...
  &lt;View style={{ flex: 1 }}&gt;
      &lt;View style={styles.container}&gt;
          &lt;Button
             primary bordered style={styles.topButtoon}
             onPress={() =&gt; this.setState({ selectedButton: 'Test1' })}
          &gt;
              &lt;Text&gt;Test1&lt;/Text&gt;
          &lt;/Button&gt;
          &lt;Button
              primary bordered style={styles.topButtoon}
              onPress={() =&gt; this.setState({ selectedButton: 'Test2' })}
          &gt;
              {this.showSelected('closed')}
              &lt;Text&gt;Test2&lt;/Text&gt;
          &lt;/Button&gt;
      &lt;/View&gt;
      {this.renderReusable()}
  &lt;/View&gt;
  </code></pre>
  
  <p>Then, in my reusable component, I grab the data according to the props.status</p>
  
  <pre><code>constructor(props) {
      super(props);
      this.state = {
        myData: [],
      };
    }
  
    componentDidMount() {
      this.getMyData();
    }
  
    getMyData = async () =&gt; {
      if (this.props.status === 'Test1') {
        await this.props.getTest1();
      } else if (this.props.status === 'Test2') {
        await this.props.getTest2();
      }
      this.setState({
        myData: this.props.data
      });
    };
  ...
  CREATE THE RENDER()
  ...
  </code></pre>
  
  <p>I'm using redux to grab the data and it is working fine. My problem is that when I click on button Test2 or button Test1 the componentDidMount from reusable component is not being called, so it doesn't call the methods to get data. Does it make sense? </p>