본문 바로가기

useState2

리액트에서 setState를 통해서 state를 변경해주는 이유 / setState의 비동기성 리액트를 사용하면서 처음에는 없던 의문이 갑자기 생겼었다. 왜 리액트는 useState라는 훅을 사용해서 상태관리를 하는것인가 물론 훅을 사용해서 라이프사이클을 조작할 수 있게 하여 불필요한 리렌더링을 막아주고, 내가 원하는 시점에 원하는 동작을 하도록 만들어주는 것일 거다. 하지만, 왜!! 자바스크립트에서 변수 사용하듯이 사용하면 안되는것이냐 이게 문득 궁금해졌다 이유 state는 immutable(불변성)을 유지해야하기 때문이다. 컴포넌트는 현재의 this.state와 setState를 비교해서 업데이트가 필요한 경우에만 render 함수를 호출하는데, state를 직접 수정하게 되면 리액트가 render 함수를 호출하지 않아 상태 변경이 일어나도 렌더링이 일어나지 않을 수 있다. 상태 변경을 추적하.. 2022. 10. 21.

[React] 훅(Hooks) 📖리다기, 공식문서, 노마드 코더, 제로초님의 영상을 보고 제가 이해한 내용을 바탕으로 정리한 글입니다.📖 리다기에서 8장에 훅에 대한 설명이 나온다. 예제를 따라하면서 해보았지만 8장까지 휘뚜루마뚜루 달려서 그런가 뇌에 과부화가 와서 머리가 받아들이기를 거부를 하는 것 같았다. 하지만, 8장까지 했을때 이 부분이 비중이 있고 중요하다고 느껴졌기 때문에 하루 쉬고 하루 다시 날 잡아서 공식문서와 책, 영상을 가리지 않고 찾아본 결과 어느 정도? 조금은? 이해를 할 수 있었다.😥 우선 제일 중요한 포인트는 개념을 어느 정도 이해를 하고 예제를 다시 해보는것!이 이해를 하는 데 많은 도움이 됐다. 또, 노마드 코더님의 영상과 제로초님의 훅에 대한 영상이 도움이 많이 됐다. 훅은 함수형 컴포넌트에서 state.. 2021. 1. 6.

이전 1 다음

티스토리툴바