React-router 4は常にhistory.pushでブラウザをリロードします

Question

React-router 4 this.props.history.push('/url');ブラウザは常にリロードされるため、各ページ遷移時にグローバルリフィックス状態がクリアされます。

Answer 1

これは、アンカータグも持つ一部のdomエレメントでonclickヒストリにプッシュしている場合に発生します。 例：

handleClick =() => { 
    this.props.history.push('/url'); 
} 

render(){ 
    return(
     <div onClick={() => { this.handleClick(); }}> 
      <a href="">Go</a> 
     </div> 
    ); 
} 

上記のコードは、ブラウザのリフレッシュを引き起こします。