๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
React ์‹œ๋ฆฌ์ฆˆ๐ŸŒ/ReactJS๋กœ ์˜ํ™” ์›น ์„œ๋น„์Šค ๋งŒ๋“ค๊ธฐ

๐ŸฟReact JS ๋กœ ์˜ํ™” ์›น ์„œ๋น„์Šค ๋งŒ๋“ค๊ธฐ - #2.1 props ์— ๋Œ€ํ•ด

by @ENFJ 2021. 8. 19.
1. compoent ์— ์ •๋ณด๋ฅผ ๋ณด๋‚ผ ์ˆ˜ ์žˆ๋‹ค.

2. react ๋Š” ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ component ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค๋Š” ์ . (== component ๋ฅผ ๊ณ„์†ํ•ด์„œ ๋ฐ˜๋ณตํ•ด์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š”๊ฒƒ)

3. component ์—์„œ component๋กœ children component๋กœ ์ •๋ณด๋ฅผ ๋ณด๋‚ด๋Š” ๋ฐฉ๋ฒ•์—๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด์ž!

 

4. es6๋Š” JavaScript ์˜ ์ตœ์‹  ๋ฒ„์ „์ด๋‹ค.

5. component ๋Š” ๋Œ€๋ฌธ์ž๋กœ ์‹œ์ž‘ํ•ด์•ผํ•จ (ex: Food) , component ๋กœ ์ •๋ณด๋ฅผ ๋ณด๋‚ผ์ˆ˜ ์žˆ์Œ.

 

6. props ๋ž€ ์ด๋ ‡๊ฒŒ component ์— ๋„ฃ๊ฒŒ ๋˜๋Š” ๊ฒƒ๋“ค์„ props ๋ผ๊ณ  ํ•จ.

7. props ๋Š” argument ๋กœ ๊ฐ

 

์ด๋ ‡๊ฒŒ props ๋‚ด๋ถ€์— fav ๋ฅผ ๊ฐ€์ ธ์™€๋„ ๋จ.