Redux_3

Redux의 state 변경하는 방법

1) state를 수정해주는 함수만들기.

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

const cart = createSlice({
  name: 'cart',
  initialState: "값",
  reducers: {
  	* changeName(state)의 state는 기존 state를 말합니다.
  	changeName(state) {
    	return '값2'
    }
    changeName2(state) {
    	return '값3'
    }
  },
});

* 오늘쪽 자료를 변수로 빼는 문법
export let { changeName, changeName2 } = cart.actions;

2) 만든함수 export 해주기

2) store.js에 함수를 실행 요청하기.

import { useSelector, useDispatch } from 'react-redux';
import { changeName, changeName2 } from '../store.js';

const Cart = () => {
  const cart = useSelector((state) => state );

  const dispatch = useDispatch();
  * dispatch는 changeName() 함수를 실행해달라고 store.js에 부탁하는 역할을 합니다.


  return (
    <div>
    {state.cart}의 장바구니
      <button
        onClick={() => {
         	dispatch(changeName2());
        }}>
         추가
      </button>
    </div>
  );
};

export default Cart;