state 쉽게 꺼내쓰는 법 : useSelector()

예전 문법

 function state를props화(state){
   console.log(state);
   return {
     state : state.reducer,
     alert열렸니 : state.reducer2
   }
 }

export default connect(state를props화)(Cart);

신문법 : useSelector()

1. 함수 지우고,

2. export default Cart;

3. import { useSelector } from 'react-redux';

4. let state = useSelector((state) => state);
   //파라미터states는 redux에 있던 모든 state임, 그것을 그대로 return 해주고 있다.

console.log(state);

console.log(state.reducer);

dispatch하는 더 쉬운 방법 : useDispatch()

1. import { useDispatch } from 'react-redux';
2. let dispatch = useDispatch();

   예시

   <button onClick={()=>{ dispatch({ type : '수량감소' })}}>-</button>