[React.js] Props

2024. 6. 5. 09:52React.js

728x90

부모컴포넌트가 JSX 어트리뷰트와 자식을 해당 컴포넌트에 단일 객체로 전달하는 것

 

모듈화 할 때 버튼을 만들고 속성만 바꿔주면 되기 때문에 굉장히 편하다

 

일반적인 문자열같은 자바스크립트 요소뿐만아니라 html 요소나, 리액트 컴포넌트도 전달 가능

→ 자식요소들은 자동으로 children 이라는 props로 전달

 

이 때 props 속성을 주는 태그가 있고 없는 태그가 있는 경우에 이 props를 이용하여 사용하는 함수가 오류 발생

 

자식컴포넌트명.defaultProps ={}

으로 기본 설정 넣어주면 괜찮아짐

 

 

 

이부분은 아직 정확히 이해 못해서 이해 되고 익숙해질 때마다 수정할 예정

728x90

'React.js' 카테고리의 다른 글

[React.js] State  (0) 2024.06.07
[React.js] 이벤트  (0) 2024.06.06
[React.js] JSX에서 스타일 주기  (0) 2024.06.04
[React.js] JSX  (0) 2024.06.03
[React.js] React 컴포넌트 만들기  (0) 2024.06.02