React Hooks 1 - useState
·
프론트엔드/React
useStateuseState는 가장 기본적인 hook이며, 함수 컴포넌트에서 가변적인 상태를 가지게 해준다.const [state, setState] = useState(initialState);state를 변수로 사용, setState를 이용해 state 값을 수정state가 객체 데이터 타입인 경우 불변성을 유지  함수형 업데이트()안에 수정할 값이 아니라, 함수를 넣는 방법함수의 인자로는 현재의 state를 가지고 올 수 있고, {} 안에서는 이 값을 변경하는 코드 작성// 기존 방식setState(number + 1);// 함수형 업데이트 setState(() => {});  두 방식의 차이점// 기존 방식onClick={() => { setNumber(number + 1); // 첫번째 줄 ..