[ 다시한번 redux쓰는 이유가 무엇이라고?!!?]
1. 모든 컴포넌트가 props없이 state를 직접사용가능(즉 . 모든 컴포넌트가 state를 공유하기 위해서 )
2. state관리 용이!
1. state를 꺼내쓰는 더 쉬운방법 (useSelector()를 사용)
•
이전에 나는 state를 꺼내쓰기위해서 아래와 같은 설정을 했다
function state를props화(state) {
return {
state : reducer.state
}
}
export default connect(state를props화)(Cart)
JavaScript
복사
[ useSelector()를 사용하면 state를 더 쉽게 끄내서 쓸 수 있다.]
1.
useSelector() 훅을 이용한다
2.
useSelector()에서 () 안에 콜백 함수를 사용한다
let state = useSelector((state) => state.reducer)
console.log('useSelector', state);
JavaScript
복사
[ useDispatch() 를 이용해서 dispatch 를 사용할 수 있다 .]
let dispatch = useDispatch()l
JavaScript
복사
