[๐Ÿ’ŽReact] props ์ „๋‹ฌ

h-a-n-aยท2023๋…„ 3์›” 21์ผ
1

๐Ÿ’ŽReact

๋ชฉ๋ก ๋ณด๊ธฐ
6/14

์ด์ œ๋ถ€ํ„ฐ App์— ์žˆ๋Š” ๊ฐ’/๋ณ€์ˆ˜๋ฅผ Fist.jsx์— ๊ฐ€์ ธ์˜ค๋Š” ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ณ ์ž ํ•œ๋‹ค.
1. ๋งค๊ฐœ๋ณ€์ˆ˜์— props ์ž์ฒด๋กœ ๋‹ด์•„ ๋ณด๋‚ด๊ธฐ

function First(props) {
  return (
    <div>
      {props.๊ธ€์ œ๋ชฉ[0]}
      {props.name}
    </div>
  );
}
  1. ๋งค๊ฐœ๋ณ€์ˆ˜์— {}์— ๋‹ด์•„ ๋ณด๋‚ด๊ธฐ
function First({name,number}) {
  return (
    <div>
      {name}
      {number}
    </div>
  );
}
  1. ๊ฐ์ฒด๊ตฌ์กฐ๋ถ„ํ•ดํ• ๋‹น์œผ๋กœ ๋ณด๋‚ด๋ฒ„๋ฆฌ๊ธฐ
function First(props) {
  const {name,number,email,location,company}=props
  return (
    <div>
      {name}์ž…๋‹ˆ๋‹ค.
      {number}์‚ด์ด๊ณ , ์ด๋ฉ”์ผ ์ฃผ์†Œ๋Š” {email}, {company}์— ๋‹ค๋‹™๋‹ˆ๋‹ค.
    </div>
  );
}
profile
ํ•˜๋ฃจํ•˜๋ฃจ๊ฐ€ ์—ฐ์Šต์ด๋‹ˆ ๋‚ด์ผ์€ ๋” ๊ฐ•ํ•ด์งˆ ๊ฒ๋‹ˆ๋‹ค

0๊ฐœ์˜ ๋Œ“๊ธ€