Le hook useReducer

Voir la vidéo
Description Sommaire

useReducer est un hook qui permettra de définir un état en l'accompagnant d'une fonction réductrice qui permettra de décrire les différentes mutations possibles.

const initialState = {count: 0};

function reducer(state, action) {
  switch (action.type) {
    case 'increment':
      return {count: state.count + 1};
    case 'decrement':
      return {count: state.count - 1};
    default:
      throw new Error();
  }
}

function Counter() {
  const [state, dispatch] = useReducer(reducer, initialState);
  return (
    <>
      Count: {state.count}
      <button onClick={() => dispatch({type: 'decrement'})}>-</button>
      <button onClick={() => dispatch({type: 'increment'})}>+</button>
    </>
  );
}
Publié
Technologies utilisées
Auteur :
Grafikart
Partager