반응형
ref
-
[리액트 기초] 이벤트 핸들링, ref, 컴포넌트 반복, 컴포넌트 라이프 사이클 메서드, 컴포넌트 스타일링, 자동완성React/기초 2023. 3. 13. 18:10
이벤트 핸들링 const onChange = e => { const next = { ...form, [e.target.name] : e.target.value} setForm(nextForm); } ref : Dom에 이름 짓기 1. 사용 이유 - Dom을 직접 건드려야 할 때 ex 1. 특정 input에 포커스 ex 2. 스크롤 박스 조작 ex 3. canvas 요소 그림 그리기 2. 사용 방법 a. 콜백 함수 {this.input=ref}} /> b. createRef input = React.createRef(); 컴포넌트 반복 (= 반복 데이터 렌더링) 배열의 map 이용 const name = ['a', 'b', 'c', 'd', 'e'] const nameList = name.map((name..