React Study(17)

조은형·2023년 11월 5일

reducers

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

Redux에서 함수 또한 사용할 수 있다.
위의 코드처럼 reducers를 사용하고 메서드 안에 state라고 적으면 위의 initialState를 사용할 수 있다.

export let { changeName } = user.actions 

다른 곳에서 쓰기 위해서 export를 해주는 것도 필수!

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

(생략) 

<button onClick={()=>{
  dispatch(changeName())
}}>버튼임</button> 

다른 곳에서 사용하기 위해서는 import를 잘 해준다음에 dispatch를 사용해서 사용하면 된다.

profile
좋은 형

0개의 댓글