Javascript 我在React中有一个类型错误，我的应用程序赢了'；由于此错误，无法加载

TypeError:无法分解“集合”的属性“标题”，因为它未定义

const CollectionPage = ({ collection }) => {

    const { title, items } = collection;
    
    return (
    <div className='collection-page'>
    <h2 className='title'>{ title }</h2>
    <div className='items'>
        {
           items.map(item => ( 
        <CollectionItem key={item.id} item={item} />
           ))}
      </div>
    </div>
)};

const CollectionPage=（{collection}）=>{
const{title，items}=集合；
返回(
{title}
{
items.map（item=>（
))}
)};

有两种方法可以解决此问题

一种方法是使用占位符文本/空项数组

const { title, items } = collection || { title: "Default", items: [] }

第二种方式是加载指示器

if(!collection  || !Object.keys(collection).length) return "Loading..."

---

这意味着在

中，值是

未定义的
。如何修复此错误@Norbitrial您能否分享该组件的用法以及如何在那里传递
collection
？谢谢