Блог

Я пытаюсь использовать ContextAPI, поэтому я начал с создания файла : как раз перед включением этих файлов все работало, а теперь приложение просто разбилось и вообще не работает.

StateProvider.js

 // setting up the data layer in order to have record of the basket and then use it in and keep track of user
// need to track basket
import React, { createContext, useContext, useReducer } from 'react';

// This is the data layer
const StateContext = createContext();
export { StateContext };

// build a provider
const StateProvider = ({ reducer, intialState, children }) => (
  <StateContext.Provider value={useReducer(reducer, intialState, children)}>
    {children}
  </StateContext.Provider>
);
export { StateProvider };

// THIS IS HOW WE USE IT IN THE COMPONENT
const useStateValue = () => useContext(StateContext);
export { useStateValue };

// Then created a file reducer.js :
reducer.js;

export const intialState = {
  basket: [],
};

//

function reducer(state, action) {
  switch (action.type) {
    case 'ADD_TO_BASKET':
      //    Logic for adding
      break;

    case 'REMOVE_FROM_BASKET':
      // lOGIC for removing item from basket
      break;
    default:
      return state;
  }
}

export default reducer;
 

Вот изображение журнала ошибок.