리액트2 [React] 5. state 변경하기 (setState는 옛날 방식) Ex) "버튼"을 누르면 여자 → 남자로 변경시키기 ● 하드코딩 방식 ● 데이터 복사 후 수정 방식 - 원본 state 수정하는 것이 아닌, 복사본을 만들어서 수정 - 복사본을 만들 때는 deep copy 해야함 · deep copy : 실제 값만 복사하여, 독립적으로 동작 - spread operator(전개연산자)를 통해 복사 - React 대원칙 : 모든 state 데이터들은 immutable 해야 한다. (직접 수정이 되어서는 안 된다.) - 따라서, state를 직접 건드는 것은 권장사항도 아니고, 재랜더링이 안될 수 있음 ❕onClick={ 함수명() }와 onClick={ 함수명 } 차이 - ()를 붙이면 함수를 바로 실행하라는 뜻 .. 2024. 10. 24. [React] 3. useState ● React에서 변수 보관 방법 1) 변수 사용 2) state 사용 - 변수 대신 쓰는 데이터 저장공간 - useState()를 이용해 만들어야 함 - 문자, 숫자, Array, Object 모두 저장 가능 ● state 사용 방법 1. import React, {useState} from 'react'; 추가 · "React에 있는 내장함수 하나를 쓰겠다."라는 뜻 2. useState('데이터') 선언 · 데이터 2개가 들어있는 배열로 남음 · [state 데이터( 입력한 진짜 데이터), state 데이터 변경 함수( 진짜 데이터를 수정해주기 위한 함수)] · 아래 ES6 de.. 2024. 10. 4. 이전 1 다음 반응형
