리액트 슈퍼루키 동동이 리액트 슈퍼루키 동동이

자바스크립트 스프레드 연산자를 리액트에서 왜 사용할까? 리액트에서 중요한 "State (상태)"와 관련있다. 리액트에서 상태가 Array(배열)이나 Object(객체)라면, 스프레드 연산자를 통해 업데이트를 해야한다. 왜냐하면 Array(배열)나 Object(객체)는 레퍼런스타입이기 때문에 배열요소를 수정해도 주소값이 변경되지 않는다. 따라서 Spread Operator를 사용하게 되면 새로운 배열 또는 새로운 객체가 생성이 되어 "새로운 주소값"을 갖게된다. return { ...prevInput, // 현재 상태를 새로운 객체로 만드는것 [input]: +value, // input변수에 담긴 문자열로 키를 만든다. }; 결론 : 새 주소값으로 기존데이터를 유지하고 새 데이터를 만든다.