[React] State & Props

hyxooΒ·2023λ…„ 3μ›” 27일
0

μ½”λ“œμŠ€ν…Œμ΄μΈ 

λͺ©λ‘ 보기
25/37
post-thumbnail

πŸ“[Section2_Unit6] React State & Props

πŸ“Œ State vs Props

βœ”οΈ State

  • 'μƒνƒœ'λ₯Ό μ˜λ―Έν•œλ‹€.
  • λ‚΄λΆ€μ—μ„œ λ³€ν™”ν•˜λŠ” 값이닀.
  • e.g., λ‚˜μ΄, μž¬ν•™μ€‘, 미혼, 거주지, ...

βœ”οΈ Props

  • '속성'을 μ˜λ―Έν•œλ‹€.
  • μ™ΈλΆ€μ—μ„œ 전달받은 κ°’μœΌλ‘œ λ³€ν•˜μ§€ μ•ŠλŠ”λ‹€.
  • 객체 ν˜•νƒœλ₯Ό 가지며 읽기 μ „μš©(read-only)이닀.
  • e.g, 성별, 이름, μΆœμƒμ§€, ...

πŸ“Œ UseState()

UseState()λŠ” Reactμ—μ„œ μ œκ³΅λ˜λŠ” stateλ₯Ό λ‹€λ£¨λŠ” ν•¨μˆ˜ 쀑 ν•˜λ‚˜μ΄λ‹€.

import { useState } from "react";
  • isChecked : state μ €μž₯ λ³€μˆ˜
  • setIsChecked : state κ°±μ‹  ν•¨μˆ˜
function CheckboxExample() {
  // useState() μ•ˆμ—λŠ” μ΄ˆκΈ°κ°’μ„ λ„£μ–΄μ€€λ‹€.
  const [isChecked, setIsChecked] = useState(false);
}

μˆ˜μ •μ€‘...

profile
hello world!

0개의 λŒ“κΈ€