728x90 깊은복사1 09.30.22{코딩일기}벨로퍼트와 함께하는 모던 리액트 1-9 챕터리뷰 [ 새롭게 알게된 것 ] 1. 입력을 여러개이고 출력은 하나일땐 state 자료구조를 객체로 관리하는게 편함 usestate를 여러개 만들고 onChange도 여러개 만들 수 있겠지만 이건 상당히 비효율적임. 아래와 같이 input에 name을 설정하고 이벤트가 발생했을때 name과 nickname을 변경하면 편함. const [inputs, setInputs] = useState({ name: '', nickname: '' }); const onChange = (e) => { const { value, name } = e.target; // 우선 e.target 에서 name 과 value 를 추출 setInputs({ ...inputs, // 기존의 input 객체를 복사한 뒤 [name]: valu.. 2022. 9. 30. 이전 1 다음 728x90
