对象作为 React 子对象无效（找到：带有键 {} 的对象）。如果您打算渲染子集合，请使用数组

Question

我是反应新手。如果有人能解释这个问题那就太好了。这个问题已经有了答案，但我仍然很困惑。

import React from 'react' ; 
import Card from './Card.js';
const CardList = ({Friends}) =>{
    const Cardcomponent = Friends.map((user , i) => {
        return(
            <div>
                 <Card id={Friends[i].id} name={Friends[i].name} username={Friends[i].username} instagram={Friends[i].instagram}  />
            </div>
              )
    })
return(
          <div>
                {Cardcomponent}
          </div>
      )
} 
export default CardList ;

我收到错误：“对象作为 React 子项无效（找到：带有键 {} 的对象）。如果您打算渲染子项集合，请改用数组。”

Answer 1

当我将 {} 添加到 Card.js 文件（其他一些文件）中的属性时，问题就解决了，一直回到另一个文件中的函数使用的 props

   const Card = ( id , email , name ) => { return( ...
                                             ....);
      to 
   const Card = ( {id , email , name} ) => { return( ...
                                                     ...);

这个答案帮助我找出解决方案 /sf/answers/2350437701/