๐ก ์ปดํฌ๋ํธ์ ์์ฑ(property)
๐ก ๋ณํ์ง ์๋ ์ธ๋ถ๋ก ๋ถํฐ ์ ๋ฌ๋ฐ๋ ๊ฐ
๐ก ์ด๋ ํ ๊ฐ์ ์ปดํฌ๋ํธ๋ก ์ ๋ฌํด ์ฃผ์ด์ผ ํ ๋ ์ฌ์ฉ
๐ ๋ฌธ์์ด
<A text="a" />
<A text={'a'} />
โ
๋ฌธ์์ด์ props๋ก ๋๊ฒจ์ค ์ ์์
๐ ๊ฐ์ฒด
function X(){
const c = {a: 'a', b: 'b'};
return <A {...c}>
}
โ ์ ๊ฐ ์ฐ์ฐ์๋ฅผ ํตํด์ ๊ฐ์ฒด ๊ทธ๋๋ก๋ฅผ ๋๊ฒจ์ค๋ค
props ๋ฅผ ํตํด ์ปดํฌ๋ํธ์๊ฒ ๊ฐ ์ ๋ฌํ๊ธฐ
JSX ์ดํดํ๊ธฐ