自己のutilsファイルの反応構造

Question

構造型Reactアプリケーションにはどのようなベストプラクティスがありますか？場合によっては、ファイルを分割するために汎用関数を移動する必要があります。しかしここで？ これはnode_moduleではありません。

• .gitignore
• .git
• package.json
• node_modules
• SRC
  • 成分
  • 図
  • 減速
  • アクション
  • utils ←これは私のutilsフォルダです。
    1. DateUtils.js
    2. StringUtils.js
    3. NumberUtils.js

別の方法全てutilsパッケージを含有する成分を反応ベースを作成します。他のすべての反応ファイルはこのコンポーネントの子になります。

class MyBaseComponent extends React.Component { 

    dateUtilsMethod() { 
     ... 
    } 

    stringUtilsMethod(myString) { 
     ... 
    } 

} 

class MainPageView extends MyBaseComponent { ... } 

最適な解決策は何ですか？

Answer 1

あなたは正しいトラックにいると思いますが、それは議論の余地があります。
私の意見では見つからないことの1つは、exportで各utilファイルを公開するutilsフォルダのインデックスファイルです。

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

例えば