如何将多个文件导入React组件

Question

我对React中的多个导入有疑问。

我具有这样的结构，例如：

• src
  • 验证
    • 必填
      • index.js
    • 号码
      • index.js

并且我基本上以这种方式将这些文件导入到我的React组件中，一切都很好

import {required} from "validations/required";
import {number} from "validations/number";

但是当这些导入达到最大程度时，我的文件得到了很多行代码，看起来很丑陋。

所以我试图做到这一点：

   import {required, number} from "validations";

并这样：

import {required, number} from "validations/";

展台解决方案不起作用。 它给了我错误：

Module not found: Can't resolve 'validations/' in '/Users/...../Components/MyComponent'

我不明白为什么，但是似乎像对我的MyComponent文件夹中的文件进行搜索一样。

如何处理？