React Study(16)

조은형·2023년 11월 5일

Redux store

import { configureStore, createSlice } from '@reduxjs/toolkit'

let user = createSlice({
  name : 'user',
  initialState : 'kim'
})

export default configureStore({
  reducer: {
    user : user.reducer
  }
}) 

저번 study에서 store.js를 만들었다.
Redux사용법은 위의 코드처럼 createSlice를 만들어주고 export를 통해 내보내주고 사용하면 된다.

import { useSelector } from "react-redux"

function Cart(){
  let a = useSelector((state) => state.user ) 

  return (생략)
}

사용법은 useSelector를 이용해서 state상태로 변수에 받아 사용하면 된다.

그러면 reducer 목록에 있는 것들을 쓸 수 있게 된다.

참고로
Redux는 컴포넌트가 몇개 없을 때 사용하면 된다.

profile
좋은 형

0개의 댓글