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

我有一个CRA应用程序，由于某种原因，它试图进行排序，但它不会调用名为sortModel的助手函数：

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)

---

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

let result = myData.sort(help)

---

在您的app.js中，您正在呼叫

let result = myData.sort(help.sortModel)

并且从

'./sortHelper.js'

导入

帮助

，但是，在排序模型脚本中，您将sortModel导出为默认值，因此当您导入

帮助

时，

帮助

将成为sortModel函数的别名，即sortModel不是帮助的嵌套属性，而是帮助本身

如果要将sortModel作为嵌套属性访问，请在sortModel脚本中，而不是具有：

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

相反，您将有如下内容：

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

---

然后在app.js中，当从“/sortHelper.js”导入帮助时，您可以通过正在调用的app.js中的help.sortModel来访问它

let result = myData.sort(help.sortModel)

并且从

'./sortHelper.js'

导入

帮助

，但是，在排序模型脚本中，您将sortModel导出为默认值，因此当您导入

帮助

时，

帮助

将成为sortModel函数的别名，即sortModel不是帮助的嵌套属性，而是帮助本身

如果要将sortModel作为嵌套属性访问，请在sortModel脚本中，而不是具有：

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

相反，您将有如下内容：

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

然后在您的app.js中，当从“/sortHelper.js”“导入帮助”导入时，您可以通过帮助访问它。sortModel

查看和了解MDN以了解有关如何使用模块的更多信息。查看和了解MDN以了解有关如何使用模块的更多信息。