티스토리 뷰
리액트에서는 태그의 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
링크
TAG
- 백엔드 개발자 공부
- rejectValue
- JPA
- React
- jpa api
- Intercepter
- 향해플러스백엔드
- 향해99
- 스프링공부
- 향해플러스
- react실행
- 인터셉터
- ArgumentResolver
- 컨트
- 백엔드 개발자 역량
- filter
- Java
- 예외처리
- 스프링부트
- exception
- 항해99
- HTTP
- 리터럴
- SpringBoot
- BindingResult
- hypertexttransferprotocol
- reject
- thymleaf
- 로그인
- 항해플러스
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함