반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- 해시
- node.js
- 묶기
- HTML
- 의존성
- 탈중앙화
- REACT
- useEffect
- 블록체인
- 화면 출력
- Props
- 우분투
- 우분트
- 마운트
- useState
- JavaScript
- web
- 조건문
- 소유권
- 특수권한
- 리눅스
- lvm
- 텍스트 파일
- Homebrew
- 허가권
- 비트코인
- Component
- Hook
- 속성
- 사용자
Archives
- Today
- Total
목록Props (1)
Dr Ghost Dev

Props Props는 자바스크립트 변수 또는 HTML 속성등을 컴포넌트로 넘겨 사용할 수 있는 인수와 비슷한 개념이다. 부모 컴포넌트에서 Props를 사용하여 자식 컴포넌트에게 값을 전달할 수 있다. Props 사용하기 여기 2개의 박스가 있는 컴포넌트가 있다. Box1과 Box2 컴포넌트에는 각각 파란색과 핑크색 배경화면을 속성값으로 가지고 있다. 부모 컴포넌트인 App.jsx에서 자식 컴포넌트들에게 Props를 사용하여 속성값을 전달하려고 한다. // App.jsx import Box1 from "./components/Box1"; import Box2 from "./components/Box2"; const App = () => { return ( ); }; export default App; /..
Front-End/React
2023. 11. 15. 01:53