react Context boilerplate

gistfile1.txt

import { createContext, useReducer, useState } from 'react';

const myContext = createContext();

const reducerTest = (state, action) => {
  switch (action.type) {
    case 'CUALQUIER_NOMBRE':
      return {
        ...state,
        dataPbx: [], // aqui se filtra la data o algo asi
      };

    default:
      return state;
  }
};

const contextState = (props) => {
  const [test, setTest] = useState('');
  const [test2, setTest2] = useState('');

  const initialState = {
    dataTest: [],
    dataTest2: [],
  };

  const [state, dispatch] = useReducer(reducerTest, initialState);

  const getDataTest = () => {
    dispatch({
      action: 'CUALQUIER_NOMBRE',
      payload: 'TEST',
    });
  };

  return (
    <myContext.Provider
      value={{
        test,
        setTest,
        test2,
        setTest2,
        getDataTest,
        dataTest: state.dataTest,
      }}
    >
      {props.children}
    </myContext.Provider>
  );
};

export default contextState;