Javascript 自己的utils文件的React结构

在structure React应用程序中是否有最佳实践？有时，我需要将通用函数移动到单独的文件中。但是，在哪里它不是节点模块。

• .gitignore
• 吉特先生
• package.json
• 节点单元
• src
  • 组成部分
  • 观点
  • 还原剂
  • 行动
  • utils← 这是我的utils文件夹。
  • DateUtils.js
  • StringUtils.js
  • NumberRutils.js

另一种方法是创建包含所有util的基本react组件。所有其他react文件都将是此组件的子级

class MyBaseComponent extends React.Component {

    dateUtilsMethod() {
       ...
    }

    stringUtilsMethod(myString) {
        ...
    }

}

class MainPageView extends MyBaseComponent { ... }

---

最好的解决方案是什么？

我认为你的思路是正确的，尽管这是有争议的。
我认为缺少的一件事是utils文件夹中的一个索引文件，它通过

export

例如：

//utils/index.js:  

 export { default as DateUtils} from './DateUtils';
 export { default as StringUtils} from './StringUtils';
 export { default as NumberUtils} from './NumberUtils';

您将从其他文件导入它们，如下所示：

import { DateUtils, NumberUtils} from '../utils ';

或全部作为别名导入：

import * as utils from '../utils ';