props

๊น€๋‚จ๊ฒฝยท2022๋…„ 11์›” 30์ผ

react

๋ชฉ๋ก ๋ณด๊ธฐ
8/37

์˜๋ฏธ

๐Ÿ’ก ์ปดํฌ๋„ŒํŠธ์˜ ์†์„ฑ(property)
๐Ÿ’ก ๋ณ€ํ•˜์ง€ ์•Š๋Š” ์™ธ๋ถ€๋กœ ๋ถ€ํ„ฐ ์ „๋‹ฌ๋ฐ›๋Š” ๊ฐ’
๐Ÿ’ก ์–ด๋– ํ•œ ๊ฐ’์„ ์ปดํฌ๋„ŒํŠธ๋กœ ์ „๋‹ฌํ•ด ์ฃผ์–ด์•ผ ํ•  ๋•Œ ์‚ฌ์šฉ

์‚ฌ์šฉ๋ฒ•

๐Ÿ“— ๋ฌธ์ž์—ด

<A text="a" />

<A text={'a'} />

โœ… ๋ฌธ์ž์—ด์€ props๋กœ ๋„˜๊ฒจ์ค„ ์ˆ˜ ์žˆ์Œ

๐Ÿ“— ๊ฐ์ฒด

function X(){
	const c = {a: 'a', b: 'b'};
  	return <A {...c}>
}

โœ… ์ „๊ฐœ ์—ฐ์‚ฐ์ž๋ฅผ ํ†ตํ•ด์„œ ๊ฐ์ฒด ๊ทธ๋Œ€๋กœ๋ฅผ ๋„˜๊ฒจ์ค€๋‹ค

์ฐธ๊ณ 

props ๋ฅผ ํ†ตํ•ด ์ปดํฌ๋„ŒํŠธ์—๊ฒŒ ๊ฐ’ ์ „๋‹ฌํ•˜๊ธฐ
JSX ์ดํ•ดํ•˜๊ธฐ

profile
๊ธฐ๋ณธ์— ์ถฉ์‹คํ•˜๋ฉฐ ์•ž์œผ๋กœ ๋ฐœ์ „ํ•˜๋Š”

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