반응형
250x250
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
- 확장성
- Sticky
- 애니메이션
- scroll
- localstorage
- React
- forEach
- swiperjs
- input
- NAV
- 스크롤
- Animation
- width
- classList
- scrollY
- pointermove
- getBoundingClientRect
- addEventListener
- scrollevent
- css
- Hover
- NodeList
- 이벤트리스너
- insertAdjacentHTML
- JavaScript
- mousemove
- For
- html
- swiper
- 반복문
Archives
- Today
- Total
ZeroToHunnit Coding
[React] 3일차 일기 본문
728x90
반응형
오늘은 이때까지 했던거 다시 복습하고 props라는걸 새로 공부했다. 이거는 몇 번을 다시 봤는데도 확실하게 머리에 들어오지 않아서 몇 번은 공부를 해야겠다.
1. 컴포넌트는 state와 다른 함수에서 쓰기 때문에 컴포넌트 안에서 state를 갖다 쓸 수 없다. 그럴 때 props를 쓰면 된다.
2. 자식 요소에 state를 전송하는 방법
1) 자식 컴포넌트안에 작명={state이름}을 써준다. state이름란에는 함수도 쓸 수 있음
2) 컴포넌트에 파라미터로 아무 이름이나 쓸 수 있지만 보통 props를 쓰기 때문에 파라미터 등록 후 props.작명을 써주면 state를 갖다 쓸 수 있다.
3. props는 부모 요소에서 자식 요소로만 쓸 수 있다. 반대로 자식 요소에서 부모 요소로, 컴포넌트에서 다른 컴포넌트로는 사용 불가하다.
728x90
반응형
'React 일기' 카테고리의 다른 글
[React] 6일차 일기 (0) | 2024.01.19 |
---|---|
[React] 5일차 일기 (0) | 2024.01.18 |
[React] 4일차 일기 (0) | 2024.01.16 |
[React] 2일차 일기 (2) | 2024.01.12 |
[React] 1일차 일기 (2) | 2024.01.11 |