ネイティブリアクト - 親状態変化

Question

上のWebViewのビデオリロード自体、私は次の構造を持っている：iOSの上で

class Parent extends Component { 
    state = { isHeaderCollapsed : false } 

    render() { 
     <ScrollView decelerationRate="fast" stickyHeaderIndices={isHeaderCollapsed && [0]} scrollEventThrottle={1} onScroll={(value) => this.setState({isHeaderCollpased: true})} style={styles.body}> 
      <JobHeader collapsed={isHeaderCollapsed} /> 
      <WebView allowsInlineMediaPlayback={true} style={[styles.video, style]} javaScriptEnabled={true} source={{uri: mediaUrl}} /> 
     </ScrollView> 
    } 

を、私は親コンポーネントの状態を変更する非常に時間が、WebViewの中ユーチューブ動画自体を更新します。私はこれが起こることを望んでいない。 ありがとう！

Answer 1

あなたは再度レンダリングか必要かどうかを確認するためにshouldComponentUpdateを使用することができます。

class Parent extends Component { 
    constructor(){ 
     super(); 
     this.state = { 
      isHeaderCollapsed : false 
     } 
    } 

    shouldComponentUpdate(nextProps, nextState){ 
     return nextState.isHeaderCollapsed !== this.state.isHeaderCollapsed; 
    } 

    render() { 
     <ScrollView decelerationRate="fast" stickyHeaderIndices={isHeaderCollapsed && [0]} scrollEventThrottle={1} onScroll={(value) => this.setState({isHeaderCollpased: true})} style={styles.body}> 

       <JobHeader collapsed={isHeaderCollapsed} /> 
       <WebView allowsInlineMediaPlayback={true} style={[styles.video, style]} javaScriptEnabled={true} source={{uri: mediaUrl}} /> 

     </ScrollView> 
    }