目前,我的开发版本表现符合预期。我呈现了一个项目列表,每个条目都有project.id作为键。列表中的所有条目都是不同的,正如我所期望的那样。
以下是正常工作的代码。
for (const project of sortedProjects) {
if (project.id) {
projects.push(
<ProjectListItem
key={project.id}
project={project}
/>,
);
}
}
现在我想进行一些清理并创建一个const projectId = project.id;
。
for (const project of sortedProjects) {
const projectId = project.id;
if (projectId) {
projects.push(
<ProjectListItem
key={projectId}
project={project}
/>,
);
}
}
Webpack生产构建现在出了问题,因为列表中的每个项目都是相同的。我认为projectId在每个条目中都是相同的。但我的测试并没有反映出这一点。当我记录 (console.log({ project, id: project.id, projectId });
) 项目和id时,所有内容都是唯一的,就像应该的那样。
const { id } = project;
也可以正常工作。