React: 리덕스 셋팅 복습편 toolkit 라이브러리 🔥

react redux

 

✅ 빡통 개념 :

state를 쓸때 prors로 부모에서 자식한테 가져다 쓰기가 번거로워

저장소를 하나 만들어 거기서 꺼내오는 식으로 쓰자! 

 

 

---

 아래순서대로 일단 셋팅을 먼저해야 한다. 외울필요 x  그냥 복붙!

 

 

 

 

1. npm 터미널 설치

2. import 해오기 > configureStore 

3. store. js 저장소를 만들어 코드 셋팅하기

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

export default configureStore({
  reducer :{
    
  }
})

4. index.js 가서 <Provider store = {store} > 을 <App / > 에 감싸주기

5. store은 방금위에서 만든 컴포넌트 import 해주면됨 

 sotre.js에 있던 state는 전부 <App/ > 에서 전부 사용이 가능하다는 그런 코드다