React-Link to로 화면전환시 맨위로 스크롤가게하기

React-Link to로 화면전환시 맨위로 스크롤가게하기

 

>Link to를 활용해 화면전환을 할때, 아래쪽에서 버튼을 눌러 하면 그대로 아래에 위치해서, ux상에 좋지 않은 경우가 있다. 그럴땐 아래와 같이 해주면 된다.

 

<Router onUpdate={() => window.scrollTo(0, 0)} history={createBrowserHistory()}>

... </Router>

위의 설정으로도 되지 않는다면, componentDidMount를 바꿔주면 된다.

아래와 같이 설정해주면된다.:

componentDidUpdate() { window.scrollTo(0,0); }