Component의 변수인 State
State
- React 컴포넌트에서 데이터를 담기 위한 상자(변수)
- 컴포넌트에서 사용하는 변수
useState
- 변수를 만들어주는 기능
const [변수명] = useState("담을 내용")
setState
- 변수 안에 담긴 데이터를 바꿔주는 기능
const [변수명, set변수명] = useState("담을 내용") set변수명("바꿀 내용")
💡 JavaScript 변수를 사용하지 않는 이유
-
JS 변수인
let/const
를 사용하면, 값이 변경되었을 때 뒤쪽의 데이터만 변경되고(console에는 변경된 값이 나옴) 앞쪽의 화면(문서)에는 반영되지 않음 -
컴포넌트 변수인
state
를 사용하면setState()
안에서 화면을 새롭게 그리라는 명령이 실행되어 화면에도 반영됨 -
JS에서 만든 변수를 HTML에 바로 사용 가능
(document.getElementById
이런 거 안 써도 됨)
Author And Source
이 문제에 관하여(Component의 변수인 State), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@e_juhee/State저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)