React JSX 错误预期箭头函数末尾有返回值

IT技术 javascript reactjs
2021-05-25 12:20:07

我正在运行此代码:

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....
                }
});

预期array-callback-return在上述代码中第 1 行的箭头函数末尾返回一个值我试图返回,但它不起作用。如果我忽略这些警告可以吗?我正在使用它进行生产,我真的需要解决这个问题,还是可以放弃它。

3个回答

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);     
});

它需要一个返回值,因为您正在使用.map, use .foreach您可以在此处了解更多信息:Map 与 ForEach

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

return null; 也将完成这项工作,但不建议这样做。