React JSX 错误预期在箭头 function 末尾有一个返回值

Question

我正在运行此代码：

books.map(({ subjects, formats, title, authors, bookshelves }, index) => {
                subjects = subjects.join().toLowerCase();
                author = authors.map(({ name }) => name).join();
                if (!text && subjects.includes(category) === true) {.....some code....
                }
});

预期在上述代码的第 1 行的箭头array-callback-return的末尾返回一个值。 我试图返回，但它不起作用。 如果我忽略这些警告可以吗？ 我正在使用它进行生产，我是否真的需要解决这个问题，或者可以离开它。

Answer 1

map确实期望返回值，并且在不使用它来构建数组时被认为是反模式。 可能没问题，但最好使用forEach代替。

使用 forEach 的示例：

 [{subjects: ['history', 'math'], authors: [{name: 'author 1'},{name: 'author 2'}]}].forEach((item) => { let subjects = item.subjects.join().toLowerCase(); let authors = item.authors.map(({ name }) => name).join(); console.log(subjects, authors); });

Answer 2

它需要一个返回值，因为您使用的是.map ，请改用.foreach 。 您可以在此处了解更多信息： Map 与 ForEach

Answer 3

如果您不想返回值，可以使用forEach消除警告。

return null; 也可以完成这项工作，但不建议这样做。