title: Child component that uses parent state non re-rendering on state change
body: <p>I have this parent snippet of code:</p>
  
  <pre><code>render(){
      return (
        &lt;NavigationContainer&gt;
          &lt;Stack.Navigator initialRouteName="Home"&gt;
            &lt;Stack.Screen name="Home" &gt;
              {(props) =&gt; &lt;HomeScreen {...props} scannedURL={this.state.scannedURL}/&gt;}
            &lt;/Stack.Screen&gt;
            &lt;Stack.Screen name="Scan"&gt;
              {(props) =&gt; &lt;ScanScreen {...props} scanSuccess={this.scanSuccess}/&gt;}
            &lt;/Stack.Screen&gt;
          &lt;/Stack.Navigator&gt;
        &lt;/NavigationContainer&gt;
      );
    }
  </code></pre>
  
  <p>when I update the state, this render method succesfully runs again, but my , which uses the parent state, does not re-render.  Does anyone have any idea why?  Is this a Navigator specific issue?</p>
  
  <p>In HomeScreen I also have this: </p>
  
  <pre><code>this.state = {
      scannedURL: props.scannedURL,
  }
  </code></pre>
  
  <p>EDIT:
  interestingly, in my HomeScreen component, whereI used <code>this.state.scannedURL</code>, I replaced with <code>this.props.scannedURL</code> and it worked? Is the constructor not running again?  Im kinda lost</p>