为了账号安全,请及时绑定邮箱和手机立即绑定

React JS:组件未导出

React JS:组件未导出

MM们 2024-01-18 10:41:09
我的项目的文件夹结构如下:-在 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.jsAttempted import error: 'GlobalProvider' is not exported from './GlobalStore'.
查看完整描述

1 回答

?
ITMISS

TA贡献1871条经验 获得超8个赞

您正在导出一个具有属性GlobalProvider和的对象GlobalConsumer作为default导出自GlobalStore.js. 删除default关键字,它将按常规命名导出的预期工作。

export { GlobalProvider, GlobalConsumer };


查看完整回答
反对 回复 2024-01-18
  • 1 回答
  • 0 关注
  • 24 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信