代码之家  ›  专栏  ›  技术社区  ›  Vesmy

自己的utils文件的React结构

  •  4
  • Vesmy  · 技术社区  · 7 年前

    它不是node_模块。

    • .gitignore
    • .吉特
    • node_模块
    • src公司
      • 意见
      • UTIL 这是我的utils文件夹。
        1. StringUtils。js公司
        2. NumberRutils。js公司

    class MyBaseComponent extends React.Component {
    
        dateUtilsMethod() {
           ...
        }
    
        stringUtilsMethod(myString) {
            ...
        }
    
    }
    
    class MainPageView extends MyBaseComponent { ... }
    

    最好的解决方案是什么?

    1 回复  |  直到 7 年前
        1
  •  8
  •   Sagiv b.g    7 年前

    我认为你在正确的轨道上,尽管这是有争议的。
    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 ';