1. state 개념
- 정의
- 변수 대신 쓰는 데이터 저장 공간 - 데이터 저장하는 방법
1) 변수에 저장
2) state에 저장
2. state에 데이터 저장하는 방법
- 1) { useState } 상단에 첨부(import)
import { useState } from 'react';
- 2) useState(데이터) 이용하여 만듦
- [state 데이터, state 데이터 변경 함수] ⇒ 2개의 데이터가 담긴 배열 생성됨
- useState('남자 코트 추천') = [a, b]
- a : '남자코드 추천' b : 남자 코드 추천 state 정정해주는 함수
let [글제목, 글제목변경] = useState('남자 코트 추천');
- 3) useState(데이터) 사용
- 문자, 숫자, array, object 다 저장 가능
<h3>{ 글제목 }</h3>
# useState()에 배열 저장 가능
let [글제목, 글제목변경] = useState(['남자 코트 추천', '강남 우동 맛집']);
<h3>{ 글제목[1] }</h3> // 강남 우동 맛집 출력
3. state 저장하는 이유
- 웹이 App처럼 동작하게 만들고 싶을 때
- 자주 바뀌는 중요한 데이터는 state로 저장!!
state | 변수 |
|
|
[ 참고 ]
https://online.codingapple.com/course/react-basic/
'React > 개념' 카테고리의 다른 글
[React] CH06. Component : 많은 div들을 한 단어로 줄이는 방법 (0) | 2021.09.09 |
---|---|
[React] CH05. Array, Object state 데이터 수정 방법 (0) | 2021.09.09 |
[React] CH04. 이벤트 다루기 & state 변경하는 법 (0) | 2021.09.09 |
[React] CH02. JSX 이용하여 HTML 페이지 제작 (0) | 2021.09.09 |
[React] CH01. 리액트 설치 및 개발환경 설치 (0) | 2021.09.09 |
댓글