[React] Redux store의 state 변경하는 방법

1. store.js 안에 state 수정해주는 함수 만들기 

let user = createSlice({
  name : 'user',
  initialState : 'kim',
  reducers : {
    changeName(state){
      return 'john ' + state
    }
  }
})

2. export 하기

export let { changeName } = user.actions

이전 코드에 추가한다. slice이름.actions로 state 변경함수가 전부 그 자리에 출력된다.

3. import 해서 사용하기

import { useDispatch, useSelector } from "react-redux"
import { changeName } from "../store"

function Cart() {

    let product = useSelector((state) => { return state.cart})
    let dispatch = useDispatch()

    return(
        <button onClick = {() => {
            dispatch(changeName())
        }}>+</button>
    )

}

store.js에서 원하는 state 변경함수 가져오기

useDispatch 가져오기

원하는 곳에 dispatch(state변경함수())로 변경하기