react state 변경2 [React] 5. state 변경하기 (setState는 옛날 방식) Ex) "버튼"을 누르면 여자 → 남자로 변경시키기 ● 하드코딩 방식 ● 데이터 복사 후 수정 방식 - 원본 state 수정하는 것이 아닌, 복사본을 만들어서 수정 - 복사본을 만들 때는 deep copy 해야함 · deep copy : 실제 값만 복사하여, 독립적으로 동작 - spread operator(전개연산자)를 통해 복사 - React 대원칙 : 모든 state 데이터들은 immutable 해야 한다. (직접 수정이 되어서는 안 된다.) - 따라서, state를 직접 건드는 것은 권장사항도 아니고, 재랜더링이 안될 수 있음 ❕onClick={ 함수명() }와 onClick={ 함수명 } 차이 - ()를 붙이면 함수를 바로 실행하라는 뜻 .. 2024. 10. 24. [React] 4. 요소에 이벤트 설정 및 state 변경하기 1. onClick - 기존 javascript 문법 : element에 onclick으로 실행할 함수 설정 - React 문법 · element에 onClick으로 실행할 함수 설정 (c가 대문자) · 따옴표(')나 큰따옴표(")가 아닌 중괄호({, })로 감싸기 · 함수를 따로 만들지 않고 바로 구현할 경우 { 실행할 내용 } }> 2. EventListener - 기존 javascript 문법 eventTarget.addEventListener('click', function(){ }); - React 문법 eventTarget.addEventListener('click', ()=>{ }); 3. state 변경 .. 2024. 10. 9. 이전 1 다음 반응형
