react-router4.0路由切换后使页面在顶部。

Question

如同锚点链接那样子，跳转路由后页面在顶部

Answer 1

react-router4.0把路由当成了组件去用。你可以在顶部组件的生命周期中去写判断。
例如这样。

 componentWillReceiveProps(nextProps){

        //当路由切换时
        if(this.props.location !== nextProps.location){
            window.scrollTo(0,0)
        }
    }

Answer 2

componentDidMount() {
  this.node.scrollIntoView();
}

render() {
  return (
    <div ref={node => this.node = node} > </div>
  );
}