일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Redux
- es6
- v9
- JavaScript
- react
- JS
- axios
- 비트 연산자
- 리액트
- 컴포넌트
- firebase
- 프리온보딩
- 알고리즘
- array
- 원티드
- 자바스크립트
- localstorage
- state
- CORS
- react localStorage
- 프로그래머스
- Reducer
- til
- TypeScript
- 타입스크립트
- Component
- Frontend
- 파이어베이스
- 프론트엔드
- 브라우저
- 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 ( 제목 : {..