オーバーレイの反応設定オーバーレイに失敗しました

Question

なぜこのコードは反応しませんか？

componentWillReceiveProps(nextProps) { 

     if (this.props.show !== nextProps.show) { 
      document.body.style.overflowX = 'hidden'; 
      document.body.style.overflowY = 'hidden'; 
     } 

     if(nextProps.show === false){ 
      document.body.style.overflowX = 'auto'; 
      document.body.style.overflowY = 'auto'; 
     } 
    } 

私は私はあなたが達成しようとしているものはかなりわからないんだけど、オーバーレイ

Answer 1

のスクロールバーを非表示にしようとしています。しかし、次のコードは、nextProps.show値に基づいてオーバーフロースタイルを正しく変更します。

componentWillReceiveProps(nextProps) { 
    if (this.props.show !== nextProps.show) { 
     document.body.style.overflowX = nextProps.show ? 'hidden' : 'auto'; 
     document.body.style.overflowY = nextProps.show ? 'hidden' : 'auto'; 
    } 
}