React를 배워보자5

모든 내용은 유튜브 생활코딩을 보고 만든것입니다.
생활코딩 유튜브 바로가기.

✔️ state

✔️ prop과 state의 차이
prop은 컴포넌트를 사용하는 외부자를 위한 데이터
state는 컴포넌트를 만드는 내부자를 위한 데이터

state를 사용하기 위해선 import 과정이 필요하다

import {useState} from 'react';

useState는 배열을 나타내고 WELCOME는 배열의 0번째 원소가 된다.

const [mode, setMode] = useState('Welcome');

읽기를 할 때는 mode
쓰기를 할 때는 setMode('READ')를 써서 바꾸면 된다.

✔️ form 태그

<form>
  <p><input type='text' name='title' placeholder='title'/></p>
  <p><textarea name='body' placeholder='body'></textarea></p>
  <p><input type='submit' value='Create'></input></p>
</form>