할머니의 콤퓨타 도전기

All you need to know about State 본문

Web Front-end/React.js

All you need to know about State

ji.o.n.e 2021. 4. 8. 01:44

  • state의 변수의 직접 변경할 수 없음
  • 위와 같이 직접적으로 변경하면 render 함수가 자동적으로 실행되지 않으므로, 뷰가 동적인 변경이 되지 않음
  • Do not mutate state directly 에러 발생

state값 변경하는 방법

  • 버튼을 클릭하여 add함수를 실행하면, setState() 실행, state의 count 값이 변경되는 동시에 render 함수를 자동으로 실행
  • this.state.xxx를 직접 사용하는 것은 바람직하지 않음. 따라서 아래와 같이 수정

'Web Front-end > React.js' 카테고리의 다른 글

(React) Material-UI  (0) 2021.05.05
Component Life Cycle  (0) 2021.04.08
Class Components and State  (0) 2021.04.08
npm? npx? 🤔  (0) 2021.04.07
Protection with PropTypes  (0) 2021.04.01
Comments