Redux : store에 있는 값 수정하는법!🔥

🔥 빡통식 정리

1. store에 수정함수를  하나 만들자

 

1. createSlice안에 reducers : { } 를 안에 만든다.

2. 함수를 아무거나 하나만들고 파라미터는 state의 기본값이 된다.

즉 , state는 'kim' 이라는 뜻

3. return을 하고 우측에 값을 쓰면 기존에 있던 값에서 새로운 값으로 교체해준다.

 

'john' + state 을 썻으니 기존 kim에서  'john kim ' 으로 변경이 될 것이다.

이제 changeName 함수를 꺼내다 쓰면되기에 export 를 해줄건데

let { changeName } = user.actions 이 공식이며

 

slice 이름 . actions 이라 적으면 state 변경함수가 그 자리에 남습니다.

그걸 변수(changeName)에 저장했다가 export 하라는 뜻임

 

2. 원할때 import 해서 사용하면 되나 dispatch( ) 로  감싸서 사용해야 합니다.

 

 

dispatch를 사용하여 해당 changeName을 가져와 사용하면? 수정함수의 내용이  바뀌는걸 알 수 있습니다.

버튼 클릭 후