错误:对象作为React子对象无效(找到:带键的对象

Question

大家好，你们能帮我理解我做错了什么吗？

此错误说明：

Error: Objects are not valid as a React child (found: object with keys {id, title, bodyText, icon}). If you meant to render a collection of children, use an array instead.

我的代码片段：

if (cards) {
const filteredCards = cards.filter((card: { title: string }) => {
return card.title.toLowerCase();
});
return filteredCards;
}

console.log(卡(给出：

cards (4) [{…}, {…}, {…}, {…}]

如果我在那里使用一个数组作为错误注释，这不是多余的吗？

我有点困惑。

Answer 1

您应该返回一个JSX数组或一个字符串数组。我猜你是想得到较低级别的头衔。为此，您应该使用map而不是filter。当前filteredCards是一个JSON数组，其格式与项cards相同。

试试这个。

if (cards) {
const filteredCards = cards.map((card: { title: string }) => {
return card.title.toLowerCase();
});
return filteredCards;
}