代码之家  ›  专栏  ›  技术社区  ›  bier hier

如何在react应用程序中调用导入的helperfunction?

  •  0
  • bier hier  · 技术社区  · 7 年前

    let rankingCommercial = 
          {
            'Actual':1,
            'Projected':2,
            'Proforma':3
          }
    
    
    
        let rankingAgribusiness = 
        {
          'Historical':1,
          'Actual':2,
          'Projected':3,
          'Proforma':4
        }
    
    export default function sortModel(item1,item2)
    {
        console.log('start sort function')
        if (item1.model ==='Commercial'  && item2.model ==='Commercial') {
    
    
            if (rankingCommercial[item1.type]> rankingCommercial[item2.type])
            {
                return 1;
            }
            else{
                return -1;
            }
        }
    
        if (item1.model ==='Agribusiness' && item2.model ==='Agribusiness' ){
            if (rankingAgribusiness[item1.rank]> rankingAgribusiness[item2.rank])
            {
                return 1;
            }
            else{
                return -1;
            }
        }
    
    
    
    }
    

    app.js如下所示:

    import help from './sortHelper.js'
    

    let result = myData.sort(help.sortModel)
    

    看起来这类东西没有被调用?我做错什么了?

    2 回复  |  直到 7 年前
        1
  •  1
  •   Jonathan Beadle    7 年前

    在app.js中,您正在呼叫

    let result = myData.sort(help.sortModel)
    

    和导入 help './sortHelper.js' 帮助 帮助 成为sortModel函数的别名,即sortModel不是help的嵌套属性,而是help本身。

    如果要将sortModel作为嵌套属性进行访问,请在sortModel脚本中,而不是具有:

    export default function sortModel(item1,item2)
      {
         // your sort function code here 
      }
    

    相反,您会有如下内容:

    export default helpFunctions = {
      sortModel: (item1, item1) {
        // your sort function code here
      }
    }
    

    import help from './sortHelper.js' ,您可以通过help.sortModel访问它

        2
  •  1
  •   Luthfi    7 年前

    因为您使用导出默认值,所以只需调用

    let result = myData.sort(help)