티스토리 뷰

dev_공부일지/React

React 시작 - props

dev_0hoon 2021. 5. 9. 18:24

리액트에서는 태그의 Attribute처럼 속성을 붙일 수 있는데 이걸 리액트에서는 props 라는게 있는데 

 

 

 

 

홈페이지에 가보면 개발문서에 컴포넌트와 프롭스에 대해 사용 할 수 있도록 정리 되어있다.

 

사용법은 나와있지만 정리해보려 한다 일단 내가 만든 컴포넌트 태그에 값을 넣어준다

 

그런 뒤에 원래 값이 들어가는 곳에 자신을 가르키는 this 그리고 프롭스라는 뜻에서 this.props 

마지막으로 속성값의 이름을 적어 주면 컴포넌트 태그에 걸어둔 프롭스 값이 들어가게 된다.

 

이렇게 태그를 2개 입력해주면

 

속성값에 따라 내용이 바뀌는 것을 확인 할 수 있다.

 

 

'dev_공부일지 > React' 카테고리의 다른 글

레이아웃 만들 때 쓰는 JSX 문법 3개  (0) 2024.02.21
리액트 환경 설정  (0) 2024.02.21
React 시작하기 - component 만들기  (0) 2021.05.09
React 시작- 배포하기  (0) 2021.05.08
React 시작 - css 사용하기  (0) 2021.05.08
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/10   »
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
글 보관함