$$config title: React.useState()의 동작원리 keywords: - IT - React $$ ## React.useState() - const data에 값을 입력하지 않으면 undifined와 함수를 포함한 배열을 받음 - 값을 입력하면 정의된 값과 함수를 받음 - 구조분해할당을 통해 각 배열의 이름을 주고 이벤트를 발생시킨다 - 예시 - 함수 이름은 이름 앞에 set를 붙여준다. ```html 예시 1 ``` ```html 예시 2 ``` ### 정리 ``` const [counter, setCounter] = React.useState(); 에서 React.useState() 는 react기능을 쓸 수있게 해주는 하나의 도구이고, counter은 현재의 값 state 이며, setCounter은 이벤트 발생시 변화를 주는 부분이어서 이후 counter로 다시 저장된다. React.js는 똑똑한 기능을 가지고 있기 때문에 매번 자동으로 바뀌는 리렌더링해준다. 하지만! 그냥 똑똑한게 아니라 엄청 똑똑하기 때문에 '실제로 바뀌는 값'만 판단해서 불필요한 리렌더링을 제외한 채로 동작한다 ``` ### Inputs and state - jsx에는 규칙이 있는데 그 규칙을 따라줘야한다. - 예시 - for -> htmlFor - class -> className

게시글 상세