State
- 살면서 변할 수 있는 값
- 컴포넌트의 사용 중 컴포넌트 내부에서 변할 수 있는 값
- 내부에서 변화하는 값
on/off 여부
{isOn: true}// on
{isOn: false}// off
Props
- 외부로부터 전달받은 값 --> 변하지 않는 값 --> 읽기 전용 객체
- 부모(상위) 컴포넌트로 전달받은 값
- 객체 형태 (props로 어떤 타입의 값을 넣어도 전달할 수 있음)
useState
import { useState } from "react"; function CheckboxExample() { const [isChecked, setIsChecked] = useState(false); // [현재 value, value modifier] = useState(처음 디폴트 값)
React tuto
onChange : <input>, <textareat>, <select>
onClick : <button>, <a>
React 데이터의 흐름
state임을 파악하는 질문
1/ 부모로부터 props를 통해 전달되는지?그러면 state가 아님
2/ 시간이 지나도 변하지 않는지?그러면 state가 아님
3/ 컴포넌트 안의 다른 state나 props를 가지고 계산 가능한지? 그러면 state가 아님
oneThing