[React] react-redux useSelector useDispatch

참조 : https://medium.com/@trustyoo86/react-redux%EC%9D%98-hooks%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0-78f9b8aaa365

react-redux의 hooks를 사용하기

https://darrengwon.tistory.com/559

react-redux의 hook : useDispatch, useSelector

mapStateToProps = () => {

}

mapDispatchToProps = () => {

}

return connect(mapStateToProps, mapDispatchToProps)(test);

useSelector, useDispatch 를 사용하면 더이상 위 같은 연동코드를 작성하지 않아도 된다

 

const test = () => {
	const dispatch = useDispatch();
    
    const user = useSelector((store) => store.user);
    
    console.log('user: ', user);
    dispatch(user.setUserInfo(userInfo));
}

export default test;

위 코드처럼 좀 더 간단하게 코드를 작성할 수 있다.