Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- State
- Spring
- SpringCamp
- SpockFramework
- react
- 신미낙지
- nginx
- Replacation
- 진1926
- react component
- NVM
- 고릴라볼링장
- SetMail
- DockerCompose
- docker
- 판교
- 강다니엘
- BDD
- 양살치살
- useEffect
- 오삼철판볶음
- 오뚜기숯불소금구이
- 전나라동동공주
- 바스트로37
- MariaDB
- SpringCamp2019
- NapuCon2016
- Hook
- SpringCamp2017
- Java
Archives
- Today
- Total
목록Ref (1)
Note
React ref
1. 개요 리액트에서는 DOM을 제어할 수 있는 ref라는 것을 제공합니다. ref는 DOM을 제어하는 것으로 반드시 DOM을 직접적으로 제어를 해야할 때만 사용할 것을 권장하고 있습니다. 예를 들면 특정 이벤트가 발생했을 때 스크롤을 특정 위치로 옮겨야할 때 ref를 사용합니다. 또는, 리액트용으로 개발되지 않은 라이브러리를 사용해야할 때 ref를 사용하게 됩니다. 2. 사용방법 ref를 사용하는 방법은 두가지가 있습니다. 첫 번째는 콜백 함수를 이용해서 ref를 등록하는 것입니다. import React from "react"; class RefSample extends React.Component { render() { return ( {this.ref = ref}}>ref div ); } } 두 ..
Dev/React
2019. 12. 16. 00:17