여기서 action은 dispatch를 통해 전달이 되는데 이값은 뒷쪽에 정리를 해둘때 설명을 하겠습니다.
6. reducers 을 만들었다면 꼭 store에 import 하는것도 잊지말아야 합니다.
import {createStore ,applyMiddleware } from "redux";
import productReducer from "./reducers/ProductReducer";
let store = createStore(productReducer)
export default store;
이제 그럼 store에 reducer을 import 해줘야 사용할 수 있겠죠? productReducer을 export 해줬으니 똑같이
reducer = > productReducer 해줘야 합니다.
7. store을 완성했다면? index.js에 import 하는것도 잊지말아야 합니다.
import store from './redux/store';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<Provider store={store}>
<BrowserRouter>
<App />
</BrowserRouter>
</Provider>
);
미들웨어 기본셋팅
✅ store에서 미들웨어 import 하기
import {createStore,applyMiddleware } from "redux";
import thunk from "redux-thunk"
import productReducer from "./reducers/ProductReducer";
let store = createStore(productReducer,applyMiddleware(thunk))
export default store;