더북(TheBook)

5.3.1 사용법

<MyComponent
    ref={(ref) => {this.myComponent=ref}}
/>

 

이렇게 하면 MyComponent 내부의 메서드 및 멤버 변수에도 접근할 수 있습니다. 즉, 내부의 ref에도 접근할 수 있습니다(예: myComponent.handleClick, myComponent.input 등).

이번에는 스크롤 박스가 있는 컴포넌트를 하나 만들고, 스크롤바를 아래로 내리는 작업을 부모 컴포넌트에서 실행해 보겠습니다.

이번 실습은 다음 흐름으로 진행합니다.

▲ 그림 5-7 부모 컴포넌트에서 스크롤바 내리기

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.