[React] react-scroll로 스크롤 부드럽게 움직이기

react에서 scroll 움직이기

$ npm install react-scroll

위 명령어를 입력하면 설치가 됩니다. 설치가 되면 스크롤 이벤트를 해야할 컴포넌트가 있는 파일에서 아래 코드를 입력해줍니다.

import * as Scroll from 'react-scroll';
import { Link, Element , Events, animateScroll as scroll, scrollSpy, scroller } from 'react-scroll'

스크롤을 이동하기

scrollTo: function() {
    scroll.scrollTo(100);
  },
  scrollMore: function() {
    scroll.scrollMore(100);
  }