๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

defaultProps1

๋ฆฌ์•กํŠธ์˜ props props(properties): ์–ด๋– ํ•œ ๊ฐ’์„ ์ปดํฌ๋„ŒํŠธ์—๊ฒŒ ์ „๋‹ฌํ•ด์ฃผ์–ด์•ผ ํ•  ๊ฒฝ์šฐ ์‚ฌ์šฉ - ์ปดํฌ๋„ŒํŠธ์˜ ์†์„ฑ์„ ์„ค์ •ํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ์š”์†Œ - ์ฝ๊ธฐ ์ „์šฉ - ์ปดํฌ๋„ŒํŠธ ์ž์ฒด props๋ฅผ ์ˆ˜์ •ํ•˜๋ฉด ์•ˆ๋จ - ๋ชจ๋“  React์ปดํฌ๋„ŒํŠธ๋Š” ์ž์‹ ์˜ props๋ฅผ ๋‹ค๋ฃฐ ๋•Œ ๋ฐ˜๋“œ์‹œ ์ˆœ์ˆ˜ ํ•จ์ˆ˜์ฒ˜๋Ÿผ ๋™์ž‘ํ•ด์•ผํ•จ - ์ˆ˜์ •๋˜๋Š” ๊ฒƒ์€ state 1. ์ปดํฌ๋„ŒํŠธ์—๊ฒŒ ์ „๋‹ฌ๋˜๋Š” props๋Š” ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ ํ†ตํ•ด ์กฐํšŒ ๊ฐ€๋Šฅ, props๋Š” ๊ฐ์ฒด ํ˜•ํƒœ๋กœ ์ „๋‹ฌ๋จ import React from "react"; import Hello from "./Hello"; function App() { return ; } export default App; import React from "react"; function Hello(props) { return ์•ˆ๋…•ํ•˜์„ธ์š” {.. 2022. 11. 15.

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