javascript - React JS：组件未导出

Question

我的项目有以下文件夹结构：-

在 GlobalStore.js 中，我有代码 ->

import React from 'react'

const GlobalContext=React.createContext();
const GlobalProvider=GlobalContext.Provider;
const GlobalConsumer=GlobalContext.Consumer;


export default {GlobalProvider,GlobalConsumer}

在 App.js 我有以下代码 -

import logo from './logo.svg';
import './App.css';
import Login from './Components/Login';
import { store } from "./GlobalStorage/store";
import   {GlobalProvider,GlobalConsumer} from "./GlobalStore";
function App() {
  return (
    <div className="App">
      <GlobalProvider value={store}> 
     <Login></Login>
     </GlobalProvider>
    </div>
  );
}

export default App;

虽然我已经从 GlobalStore.js 导出 GlobalProvider ，但应用程序抛出以下错误 -

Failed to compile.

./src/App.js
Attempted import error: 'GlobalProvider' is not exported from './GlobalStore'.

标签： javascriptreactjsredux

Answer 1

您正在导出一个具有属性的对象，GlobalProvider并从. 删除关键字，它将按预期与常规命名导出一起工作。GlobalConsumerdefaultGlobalStore.jsdefault

export { GlobalProvider, GlobalConsumer };