React 공식문서로 디테일잡기(초급) (2)

이벤트

합성 이벤트 → 인터페이스는 같지만 직접 대응되지 않음
Bubble/ Capture → Capture > target > Bubble
return false → e.preventDefault() 해줘야 함

조건부 렌더링

if → if(condition){return A} else {return B}
&& → condition && A, falsy 주의
삼항연산자 → condition ? A:B
아예 안그리고 싶은 경우 → ruturn null;

List

map → 배열의 개별 요소를 순회
default key → 안주면 react는 index를 쓴다(워닝 o)
고유성 → 형제 사이에서만 고유하면 됨
key props → key는 props로 넘어가지 않음

Form

Controlled Component → input의 value를 state로 관리
다중 입력 → event.target.name
Uncontrolled Component → form element 자체의 내부 상태 활용
defaultValue, ref → 기본값/ value 확인