Question

我正在尝试制作一个简单的AuthenticationContext，在其中我导出一个组件，该组件包含一个像这样的身份验证上下文：

import React from 'react';

export default React.createContext({
isAuth: false,
toggleAuth: () => {}
});

当我将其导入App.js时出现错误

./src/App.js
Attempted import error: 'AuthContext' is not exported from './auth-context'.

我已经检查了文件夹结构是否正确，并且正在使用它来将状态传递给其他组件。

这是我的App.js文件，以查看我如何使用它

 import React, { Component } from 'react';

import Login from './components/Login';
import Profile from './components/Profile';
import AuthContext from './auth-context';


class App extends Component {
  state = {
    isAuth: false
  };

  toggleAuth = () => {
    this.setState(prevState => {
      return {
        isAuth: !prevState.isAuth
      };
    });
  };

  render() {
    return (
      <AuthContext.Provider
        value={{ isAuth: this.state.isAuth, toggleAuth: this.toggleAuth }}
      >
        <Login />
        <Profile />
      </AuthContext.Provider>
    );
  }
}

export default App;

我不确定为什么无法正确导入？

AuthContext没有在React中正确导出

0 个答案: