编译错误:将箭头函数赋值给变量，然后导出为模块默认值
编译错误:将箭头函数赋值给变量，然后导出为模块默认值
提问于 2022-12-01 22:35:32
我目前正在编译时得到这个错误：
与警告一起编译。
src/Task.js
Line 4:1: Assign arrow function to a variable before exporting as module default import/no-anonymous-default-exportsrc/TaskList.js
Line 4:1: Assign arrow function to a variable before exporting as module default import/no-anonymous-default-export以下是我的JS文件: Task.js
import React from 'react';
import TaskList from './TaskList';
export default ({Task}) => {
return (
<p>
{TaskList.decription}
</p>
);
}TaskList.js
import React from 'react';
import Task from './Task.js'
export default ({ tasks }) => {
return (
<ul className="list-group">
{tasks.map(task => (
<li key={task.id} className ="list-group-item">
<Task task={task} />
</li>
))}
</ul>
);
}我刚刚从React和Javascript开始。
回答 1
Stack Overflow用户
发布于 2022-12-01 22:40:25
对于箭头函数，由于它们是匿名的，因此需要将其赋值给一个变量，然后可以导出该变量。这个示例基于您的代码应该可以工作(但是不要忘记在tasks.map函数中填充逻辑)
import React from 'react';
import TaskList from './TaskList';
const Tasks = ({ tasks }) => {
return tasks.map(task => ( ... ));
}
export default Tasks;这是由import/no-anonymous-default-export规则引起的，该规则防止模块的默认导出不被命名。
因为这是一个林特警告，而不是一个语法错误，如果您要禁用该规则，您的现有代码就可以工作(但我建议不要这样做！)
这条规则很有用，因为确保默认导出的命名有助于提高代码基的可伸缩性，因为它鼓励在其声明站点和导入站点重用模块默认导出的相同标识符。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74648912
复制相关文章
相似问题
腾讯云开发者
