[TIL] React useReducer
861 단어 useReducerReactReact
useReducer란?
현재 상태와 액션 객체를 파라미터로 받아와서 새로운 상태를 반환해 주는 Hook
현재 state와 action 객체를 받아와서 action.type에 따라서 state 값을 반환해주는 함수이다.
fuction reducer(state, action) {
switch(action.type) {
case 'INCREMENT':
return state + 1;
case 'DECREMENT':
return state - 1;
default:
return state;
}
}
number - 현재 상태
dispatch - 액션을 발생 시키는 함수
const [number, dispatch] = useReducer(reducer, 0);
const onIncrease = () => {
dispatch({ type: 'INCREMENT' });
};
const onDecrease = () => {
dispatch({ type: 'DECREMENT' });
};
참조)
https://react.vlpt.us/basic/20-useReducer.html
Author And Source
이 문제에 관하여([TIL] React useReducer), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@devky/TIL-React-useReducer1저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)