본문 바로가기
Programming/React

[React] 5. state 변경하기 (setState는 옛날 방식)

by 가가가가가가 2024. 10. 24.
반응형

Ex) "버튼"을 누르면 여자 → 남자로 변경시키기

 

● 하드코딩 방식

 

● 데이터 복사 후 수정 방식

    - 원본 state 수정하는 것이 아닌, 복사본을 만들어서 수정

    - 복사본을 만들 때는 deep copy 해야함

        · deep copy : 실제 값만 복사하여, 독립적으로 동작

    - spread operator(전개연산자)를 통해 복사

    - React 대원칙 : 모든 state 데이터들은 immutable 해야 한다. (직접 수정이 되어서는 안 된다.)

    - 따라서, state를 직접 건드는 것은 권장사항도 아니고, 재랜더링이 안될 수 있음

 

 

 

 

❕onClick={ 함수명() }와 onClick={ 함수명 } 차이

     - ()를 붙이면 함수를 바로 실행하라는 뜻

     - ()를 안 붙이면 click 했을 시에만 실행

 

 

 


참고

 

반응형

'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

댓글