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

Question

你好，我刚刚学习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);
    }
  };

Answer 1

应该是从'../fakeAuth'导入fakeAuth

您只需转到包含 fakeAuth.js 文件的上一个文件夹即可。添加“..”即可。