728x90
๋ฐ˜์‘ํ˜•

Props 1
React] Hook : props

Props properties์˜ ์ค„์ž„๋ง๋กœ, Component๊ฐ€ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ์†์„ฑ๊ฐ’์ž…๋‹ˆ๋‹ค. (HTML์—์„œ์˜ attribute์™€ ๊ฐ™์Œ) Component๋ผ๋ฆฌ (๋ถ€๋ชจ ์ปดํฌ๋„ŒํŠธ → ์ž์‹ ์ปดํฌ๋„ŒํŠธ) ๋ฐ์ดํ„ฐ๋ฅผ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด ์ค๋‹ˆ๋‹ค. ๊ธฐ๋ณธ์ ์œผ๋กœ๋Š” ๋ถ€๋ชจ์—์„œ๋งŒ props์˜ ๊ฐ’์„ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ์ง€๋งŒ, ์ž์‹์—์„œ ๊ฐ’์„ ๋ถ€๋ชจ๋กœ ๋„˜๊ฒจ ๋ถ€๋ชจ์—์„œ์˜ ๊ฐ’๋„ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ HTML ์‚ฝ์ž… ๋ฏธ๋ฆฌ๋ณด๊ธฐํ•  ์ˆ˜ ์—†๋Š” ์†Œ์Šค ๊ฐ’ ์ „๋‹ฌ Title ์ปดํฌ๋„ŒํŠธ HelloWorld์—์„œ language๋ฅผ kor๋กœ ํ•˜์—ฌ Title์ปดํฌ๋„ŒํŠธ์— props๋กœ ๋„˜๊ธฐ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. Title2 ์ปดํฌ๋„ŒํŠธ HelloWorld์—์„œ language์™€ name ๋‘ ๊ฐ€์ง€ props๋ฅผ ์ „๋‹ฌํ•˜์˜€๊ณ , Title2์—์„œ๋Š” ๊ตฌ์กฐ๋ถ„ํ•ดํ• ๋‹น์œผ๋กœ language(๋ณ€์ˆ˜), name(์ฝœ๋ฐฑํ•จ์ˆ˜) ๊ฐ’..
Front-End/React 2023.06.06
1
๋”๋ณด๊ธฐ
728x90
๋ฐ˜์‘ํ˜•

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”