REACT_redux

 

 

redux 사용 

 

src- store 폴더 생성 

아직 store 없어서 터미널에러 난다 무시해도 된다

 

 

 

redux 폴더 안에 reducer 폴더 생성

 

 

 

 

 

 

 

 

여기까지 store 생성 끝

 

app.js 로 돌아온다

 

 

 

 

 

 

 

 

 

 

app.js

store.js

 

 

reducer.js

src - component 폴더생성하고 Box.js 생성

 

 

app.js로 이동해서 Box.js 출력되게 한다

 

 

 

 

useSelector 사용 

 

 

GrandSonBox.js 생성 후

 

다시 Box로 돌아와서 

 

 

GrandSonBox.js

 

app.js

payload

num에 5 값을 줘서 5씩 증가하게 된다

---

reducer.js

App.js

로그인 버튼 클릭하면 

 

user님 환영합니다~ 문구가 나온다

 

---

 

증가 버튼을 클릭 5 증가 , 감소 버튼 클릭 2 감소