반응형 부분렌더링 input1 부분렌더링 Input 컴포넌트 보통 리액트에서 input에 무언가를 입력할때는 다음과 같이 input 외부에서 state를 선언후에 input에 props로 전달한다. const [state, setState] = useState(""); return ( setState(e.target.value) } /> ) 문제는 depth가 깊어지고 state가 root에 선언되어있다면, 다음과 같이 input에 하나만 입력해도 형제컴포넌트까지 리렌더링되는 현상이 발생한다. 이를 해결하기 위해 Input 내부에서 state관리를 하고, props에는 객체를 내려주는 방식을 회사 동료분이 소개 해 주셨다. // root에서 props로 전달받는 data = [{name:"june"},{name:"seung"}] const A2Component =.. 2023. 3. 1. 이전 1 다음 반응형