반응형
Ex) "버튼"을 누르면 여자 → 남자로 변경시키기
● 하드코딩 방식
● 데이터 복사 후 수정 방식
- 원본 state 수정하는 것이 아닌, 복사본을 만들어서 수정
- 복사본을 만들 때는 deep copy 해야함
· deep copy : 실제 값만 복사하여, 독립적으로 동작
- spread operator(전개연산자)를 통해 복사
- React 대원칙 : 모든 state 데이터들은 immutable 해야 한다. (직접 수정이 되어서는 안 된다.)
- 따라서, state를 직접 건드는 것은 권장사항도 아니고, 재랜더링이 안될 수 있음
❕onClick={ 함수명() }와 onClick={ 함수명 } 차이
- ()를 붙이면 함수를 바로 실행하라는 뜻
- ()를 안 붙이면 click 했을 시에만 실행
참고
- 코딩애플 - React 기초 5강 : state 맘대로 변경하는 법 (setState는 넘 옛날이고염)
https://www.youtube.com/watch?v=CowLAnmhxMY&list=PLfLgtT94nNq1e6tr4sm2eH6ZZC2jcqGOy&index=6 - 가가가가가 - [Javascript] 전개 연산자(Spread Operator)
https://gaagaagaa.tistory.com/entry/Javascript-%EC%A0%84%EA%B0%9C-%EC%97%B0%EC%82%B0%EC%9E%90Spread-Operator
반응형
'Programming > React' 카테고리의 다른 글
[React] 4. 요소에 이벤트 설정 및 state 변경하기 (2) | 2024.10.09 |
---|---|
[React] 3. useState (2) | 2024.10.04 |
[React] 2. JSX 사용법 (0) | 2024.10.04 |
[React] 1. React 설치 및 세팅 (8) | 2024.10.04 |
댓글