<star />

function as a child ๋ณธ๋ฌธ

React ๐Ÿ“

function as a child

๋ณ„๊น… 2022. 12. 7. 01:51
728x90

 

function as a child ๋Š” ์ปดํฌ๋„ŒํŠธ์˜ ์ž์‹์œผ๋กœ ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์ž„.

๋ฆฌ์•กํŠธ์—์„œ๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ํ•˜์œ„ ์ปดํฌ๋„ŒํŠธ๋“ค์„ children ์ด๋ผ๋Š” prop ์œผ๋กœ ์ „๋‹ฌํ•ด ์ฃผ๋Š”๋ฐ,

children ์œผ๋กœ ์ปดํฌ๋„ŒํŠธ ๋Œ€์‹  ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์•„๋ž˜์™€ ๊ฐ™์ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Œ.

 

// children ์ด๋ผ๋Š” prop ์„ ์ง์ ‘ ์„ ์–ธํ•˜๋Š” ๋ฐฉ์‹

 

<Info children={nickname => <h2>๋ณ„๋ช… : {nickname}</h2>} />

 

// Info ์ปดํฌ๋„ŒํŠธ๋กœ ๊ฐ์‹ธ์„œ children ์œผ๋กœ ๋งŒ๋“œ๋Š” ๋ฐฉ์‹

 

<Info>{nickname=> <h2>๋ณ„๋ช…: {nickname}</h2>}</Info>

 

728x90
Comments