React : 리덕스(Redux) useDispacth 사용해보기

 

리덕스 useDispacth

 

보통 app 에서 가져다 쓰고싶은 값을 props 해서 쓰지만 리덕스를 이용하면 형제간에서도 값을 가져다 쓸 수 있다.

그 방법의 첫번째가 useDispacth 이다.

import {useDispatch} from "react-redux"
  const dispatch = useDispatch();
const addContact=(e)=>{
    e.preventDefault();
    dispatch({type:"ADD_CONTACT" , payload:{name,phon}})

  }

 

1. useDispatch를 import 해온다.

2. const dispatch 을 통해 변수안에 useDispatch를 설정해준다.

3. dispatch는 매개변수를 두개 보낼수 있는데 하나는 type: "이름" , payload: 내가보낼 값들 을 설정해주면된다.

4. action을 통해 dispatch를 이용하면 reducer에서 해당값들을 action을 통해 자동으로 받을 수 있다.