[React_study] Redux store에 state 보관 & 호출

* Redux store에 state 보관하는 법 

1. configureStore, createSlice를 import한다.
2. createSlice()를 이용해 state를 만든다.
   • { name : 'state이름', initialState : 'state값' }
3. configureStore()안에 등록
   • reducer : { 작명: createSlice에서 만든 name.reducer }

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

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

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

 

* Redux store에 있던 state 가져다쓰는 법

• useSelector((state) => { return state } )를 쓰면 store에 있던 모든 state가 호출된다.
• 변수에 저장하여서 사용하면 된다.

// Cart.js

import { useSelector } from "react-redux"

function Cart(){
  let item = useSelector((state) => { return state } )
  console.log(item)

  return (생략)
}