title: Child components not updating while in array React Native
body: <p>I'm trying to update child component which has a prop with parent state. While changing state of parent with <code>setState()</code> to my knowlage chlid should rerender. But when child is in an array rerender does not occure. How can i fix that?
  Thanks in advance.</p>
  <p>My child class:</p>
  <pre><code>class Child extends Component {
    render() {
      return(
        &lt;Text&gt;{this.props.state.isActive.toString()}&lt;/Text&gt;
      )
    }
  }
  </code></pre>
  <p>My parent class:</p>
  <pre><code>class Parent extends Component {
  
    state = {
      isActive: false
    }
  
    children = []
  
  
    constructor(props) {
      super(props)
      this.createChildren()
      this.changeState()
    }
  
    changeState() {
      this.change = setInterval(() =&gt; {
        if(this.state.isActive){
          this.setState({isActive: false})
        } else {
          this.setState({isActive: true})
        }
      }, 1000)
    }
  
  
    componentWillUnmount() {
      clearInterval(this.change)
    }
  
    createChildren() {
      for(let i=0; i&lt;5; i++) {
        this.children.push(&lt;Child key={i} state={this.state}/&gt;)
      }
    }
  
    render() {
      return(
        &lt;View&gt;
          {this.children}
        &lt;/View&gt;
      )
    }
  }
  </code></pre>
  <p>My app function:</p>
  <pre><code>export default function App() {
    return (
      &lt;View style={style.conteiner}&gt;
        &lt;Parent/&gt;
      &lt;/View&gt;
    );
  } 
  </code></pre>