时间戳

首页 > 解决方案 > 从 React 中的另一个文件导出函数时出现问题

reactjs - 从 React 中的另一个文件导出函数时出现问题

问题描述

我在文件中定义了一个函数，但是当我导出并尝试访问返回值时，我得到了一个未定义的错误。

这是我的功能：

export default function produits(){
  return [{nom:"chaussure",prix:45}, {nom:"polo",prix:8}]
}

当我在另一个文件中时

import {produits} from './mesprod.js

而且我不知道为什么会出现该错误。但是我刚刚尝试通过删除default关键字来更改函数的导出行，然后一切正常。那么两者有什么区别

export default function functionName()

和 export function functionName(）

和

export default function()

虽然我一直在使用它，但我并不真正了解{ } 导入模块时的用途。我是 React js 的初学者

标签： reactjsecmascript-6

解决方案

当您导出默认值时

你应该像这样导入它

  import produits from './mesprod.js'

因为每个模块默认只能导出一个，所以它会像上面一样导入

当您需要使用大括号时

假设您正在使用默认值导出一个函数，而在没有默认值的情况下导出另外两个函数

mesprod.js

   export default function produits (){return [{nom:"chaussure",prix:45}, {nom:"polo",prix:8}]}

   export function produits1(){return [{nom:"chaussure",prix:45}, {nom:"polo",prix:8}]}

   export function produits2(){return [{nom:"chaussure",prix:45}, {nom:"polo",prix:8}]}

因此，在导入时，您会像下面这样

  import produits, { produits1, produits2 } from './mesprod.js'

当您在没有默认关键字的情况下导出多个函数时使用花括号，如果您使用默认值导出，则在没有花括号的情况下导入它

推荐阅读