我正在尝试使用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;

此处是错误日志的图像。

顺晟科技：