본문 바로가기

React

[React] 리덕스 훅 useSelector, useDispatch

//Bucket.js

import {useSelector,useDispatch} from "react-redux"//리덕스 훅을 가져온다. 


const BucketList = (props) => {
	const bucket_list = useSelector(state => state.bucket.list); //useSelector를 이용해서 리덕스에 저장된 값을 직접가져온다. 
}

리덕스를 사용하면 전역에서 데이터를 가져와서 사용할 수 있다고 했다. 그렇게되면 메인 컴포넌트가 아닌 다른 곳에서도 props를 이용하지 않고서도 데이터를 가져올 수 있게 된다. 이것을 위해서 리덕스 훅을 사용한다.