[ReactJS] scroll to top

특정 컴포넌트의 스크롤을 위로 올리기 위한 방법이다.

    componentDidUpdate() {
      let scroll = this.refs.scrollElement || document.getElementById('scrollElement');

      scroll.scrollTop = 0;
    }

    render() {
      return (
        ...
        <div id="scrollElement" ref="scrollElement">
           ...
        </div>
       ...
      )
    }

스크롤을 변경하고자 하는 부분에 id를 추가하고 componentDidUpdate 함수에 스크롤 변경 코드를 추가하면 된다.