javascript - 从react js中的子文件夹导入模块

您好，我只是在学习ReactJs，我正在尝试从React的子文件夹中导入模块，这是我的文件夹结构

-src
---components
-----layout
-------Header.js
-------Navigation.js
-----fakeAuth.js

从Header.js模块，我试图从父级（组件）导入fakeAuth，但似乎无法调用模块，或者我只是缺少什么？

我已经尝试了以下

import fakeAuth from './fakeAuth'
import fakeAuth from '././fakeAuth'
import fakeAuth from '../../fakeAuth'

还是没有运气，我知道这对某些人来说很容易。谢谢

在这里，我是我的fakeAuth.js，它来自react-router-dom教程。

module.exports  = {
    isAuthenticated: false,
    authenticate(cb) {
      this.isAuthenticated = true;
      setTimeout(cb, 100); // fake async
    },
    signout(cb) {
      this.isAuthenticated = false;
      setTimeout(cb, 100);
    }
  };

最佳答案

应该是import fakeAuth from '../fakeAuth'

您只需要向上打开1个文件夹，即可在其中找到fakeAuth.js文件。添加“ ..”即可。

关于javascript - 从react js中的子文件夹导入模块，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48851849/