Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- React onClick
- first-child
- 협업프로젝트
- redux toolkit
- react redux
- line-through
- 콜백함수
- JSON
- 블럭요소
- 6주포트폴리오
- React state
- sort
- foreach
- couchcoding
- Redux
- useParams
- javascript React
- 카우치코딩
- 자바스크립트배포
- 자바스크립트
- useSearchParams
- toString
- redux 사용방법
- JavaScript
- 인라인블럭
- javascript코딩테스트
- Redux store
- db.json
- react
- useEffect
Archives
- Today
- Total
개발하는 루루언니
React : 미들웨어(Middleware) 기본셋팅 본문
728x90
반응형
https://github.com/reduxjs/redux-thunk
GitHub - reduxjs/redux-thunk: Thunk middleware for Redux
Thunk middleware for Redux. Contribute to reduxjs/redux-thunk development by creating an account on GitHub.
github.com
git-hup에 참고해서 기본 셋팅을 먼저 작성을 해야한다.
1. 터미널 설치
npm install redux-thunk 또는
yarn add redux-thunk
2. 리덕스 셋팅후 store에 미들웨어 셋팅도 같이 import 해주기
import { createStore, applyMiddleware } from 'redux'
import thunk from 'redux-thunk'
let store = createStore(productReducer,applyMiddleware(thunk))
728x90
'컴퓨터 정보 > 리액트' 카테고리의 다른 글
React : 리덕스 미들웨어 사용하기 2탄 (0) | 2022.12.28 |
---|---|
React : 리덕스와 미들웨어(middleware) 를 기본 셋팅 해보자. (0) | 2022.12.28 |
React : 리덕스(Redux) useDispacth 사용해보기 (0) | 2022.12.23 |
React : 리덕스 (Redux) sotre 사용법 (0) | 2022.12.23 |
함수형 라이프 싸이클 이해하기 (0) | 2022.12.15 |