Question

React应用程序中是否有最佳实践？有时，我需要移动通用函数来分隔文件。但是哪里？ 这不是node_module。

的.gitignore
的.git
的package.json
node_modules
SRC
- 部件
- 视图
- 减速器
- 动作
- utils ←这是我的utils文件夹。
  1. DateUtils.js
  2. StringUtils.js
  3. NumberUtils.js

另一种方法是create Base react组件，它将包含所有的utils。所有其他反应文件都将是此组件的子文件。

class MyBaseComponent extends React.Component {

    dateUtilsMethod() {
       ...
    }

    stringUtilsMethod(myString) {
        ...
    }

}

class MainPageView extends MyBaseComponent { ... }

什么是最佳解决方案？

Answer 1

我认为你是在正确的轨道上，尽管这是有争议的在我看来，缺少的一件事是utils文件夹中的索引文件，它通过http://myapp:1665/register公开每个util文件。
例如：

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 ';

自己的utils文件的React结构

1 个答案: