如何从react.js的src文件夹中的文件导入常量函数？

Question

我有一个带有firebase和表单的react项目。这是我的文件层次结构：

firebase.js包含一个异步函数，该函数返回一个字符串：

export const addClient = async (object) => {
  if (object == {})return;
  const ref = await firestore.collection('clients').add({
    test: 'test',
    testtickle: 'test-tickle'
  })
  return ref; 
}

如何从Form.js导入此功能？

这是我的Form.js文件：

import {addClient} from '.../firebase';
export default class Form extends React.Component {
  ...
  async handleSubmit(event) {
     ...
      addClient({
         test: 'test'
      })
  }
}

运行代码时，出现以下错误：

Module not found: Can't resolve '.../firebase' in 'C:\Users\brandon pillay\Documents\react_projects\transformation\src\Components\Clients'

Answer 1

您应该打开两个文件夹：

undef