Redux_2

Redux에 state 보관 방법

import { configureStore } from '@reduxjs/toolkit';
import cart from './userSlice';

* createSlice는 useState()역할을 합니다.
const slice명_1 = createSlice({
	name : 'state 이름_2',
    initialState : '값'
    * state를 slice라고 부릅니다.
})

const slice명_2 = createSlice({
	name : 'state 이름_2',
    initialState : [10, 11, 12],
    * state를 slice라고 부릅니다.
})

* createSlice를 통해 만든 slice(state)를 configureStore에 등록 해야 사용할 수 있습니다.
export default configureStore({
  reducer: {
    slice명_1: slice명_1.reducer,
    slice명_2: slice명_2.reducer,
    * slice명 뒤에 reducer 붙여줄것
  },
});

Redux에 state 사용 방법

import { useSelector, useDispatch } from 'react-redux';

const Cart = () => {
	* useSelector : Redux store를 가져와주는 함수
	const 변수명 = useSelector( (state) => { return state })
    console.log(cart.slice명_1);
    console.log(cart.slice명_2[2]);

	혹은 
    const 변수명 = useSelector( (state) => state.slice명_1 )
    이렇게 하면 변수 변수명에는 slice명_1만 담기게 된다.
  return (
    <div>
    </div>
  );
};

export default Cart;