[React] Redux 3 : store의 state 변경함수 만들기

state 변경함수를 store.js 안에 만들면

컴포넌트는 store.js한테 수정함수를 실행해달라고 부탁하는 개념

 

 

store

 

state 보관하는 장소로,

state를 객체형식으로 저장

 

 

 store 안에 state 변경함수 만들기

 

reducers : { } 열고 안에 함수 만들면 됨

- 변경함수 작명은 마음대로 (useState에서 변경함수 작명시 set붙인것처럼)

- 함수의 파라미터인 state는 함수의 초기값

- 변경함수안에서 return문에 state 변경값 입력하면 그 값이 state의 변경값

이제 setUser( )쓸때마다 'kim' - > 'join kim'으로 변함

 

 

다른 컴포넌트에서 쓸 수 있게 내보내기 export

.actions라고 적으면 만든 변경함수 export 됨

 

 

 

컴포넌트에서 변경함수 사용하기

 

컴포넌트로 가서 변경함수 import 하고

useDispatch( )함수 import 하고

useDispatch 안에 변경함수 이름 넣으면 store.js에 변경함수 실행해달라고 부탁하는 것

*useDispath가 변경함수 실행해달라고 하는 함수

 

① import로 store에서 변경함수 가져오고

 

② import useDispatch 한 후

변수에 담고, 사용시 dispatch( )로 감싸서 사용 

*userSlecter : state 가져옴, *useDispatch : state 변경함수 실행

 

 

 

onClick안에 dispatch(state변경함수( )) 넣으면 변경함수 실행되어서 state 값 변경됨