일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- array
- 프리온보딩
- 비트 연산자
- 컴포넌트
- Frontend
- Component
- Reducer
- 원티드
- 프로그래머스
- 알고리즘
- JS
- react
- JavaScript
- Redux
- localstorage
- CORS
- 프론트엔드
- 타입스크립트
- 자바스크립트
- 브라우저
- es6
- v9
- TypeScript
- til
- react localStorage
- firebase
- state
- 파이어베이스
- 리액트
- axios
- Today
- Total
목록Props (2)
도리쓰에러쓰
저번 게시물에 이어서 작성하겠습니다. (코드 참고) [React] Tab 만들기와 리액트에서의 등장 애니메이션 저번 게시물에 이어서 작성하겠습니다. (코드 참고) [React] Component가 많을 땐 Context API 사용하기 저번 게시물에 이어서 작성하겠습니다. (코드 참고) [React] Component 3개 중첩하여 만들고 state 전달하 dori-coding.tistory.com 1. cart 페이지 만들기 1️⃣ Cart.js 파일 생성 후 아래 코드를 작성합니다. import React from 'react'; import { Table } from 'react-bootstrap'; function Cart() { return( # 상품명 수량 변경 1 Table cell Tabl..
Props 사용하여 state 값 전달하기 function App() { let [글제목, 글제목변경] = useState(['남자 코트 추천', '강남 우동 맛집', '파이썬 독학']); return ( ); } function Modal() { return ( 제목 날짜 상세내용 ) } 위 코드에서 App() 컴포넌트에 있는 글제목 state를 Modal 컴포넌트로, 즉 부모 컴포넌트에서 자식 컴포넌트로 state를 props를 통해 전해주도록 하겠습니다. 부모 컴포넌트에서 자식 컴포넌트로 state 전달하는 방법 1. function App() { return ( ); } 2. 자식 컴포넌트에서 props 파라미터 입력 후 사용 function Modal(props) { return ( 제목 : {..