[React] redux(toolkit) 설정하기

1. 설치

yarn add @reduxjs/toolkit react-redux      //터미널에 입력

**npm을 사용할 경우 yarn add 대신 npm install 입력하면 됨

 

2.세팅

• store.js 파일 만들기
• store.js 파일 안에 아래 내용 붙여넣기

import { configureStore } from "@reduxjs/toolkit";

export default configureStore({
  reducer: {}
});

 

 

• index.js가서 <Provider store={store}> 쓰기

import { Provider } from "react-redux";     //이것과 아랫줄 두개 임포트 시키고
import store from "./store.js";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <Provider store={store}>  //BrowserRouter를 감싸도록
    <BrowserRouter>			//Provider를 만들고 store={store} 를 입력한다.
      <App />		// <-- 그럼 얘가 store.js에 있던 state 전부 사용 가능
    </BrowserRouter>
  </Provider>
);