const Experts = () => { const Experts = [{ img: image1, category: 'Dentist', name: 'Dr. Robartis', 專長: 'DMD,FACE' }, {
img: image2,
category: 'Dentist',
name: ' Dr. Linda Davis',
expertize: 'CDT'
},
{
img: image3,
category: 'Dentist',
name: 'Zakaria Smith',
expertize: 'FACDS,DDS'
},
{
img: image4,
category: 'Dentist',
name: 'Maria',
expertize: 'FADG,DMD'
}
]
return (
<div className="container" id="experts">
<h2 className="mb-5">Award Winning Dentists</h2>
<div className="row">
{
experts.map(expert => <Expert expert={expert}></Expert>)
}
</div>
</div>
);
};
匯出默認專家；
錯誤
uj5u.com熱心網友回復：
<div className="row">
{experts.map((expert,index) => <Expert key={index} expert={expert}</Expert>)}
</div>
這應該有幫助
uj5u.com熱心網友回復：
正如錯誤所述，這個生成的元素串列應該key在每個元素中包含一個屬性：
experts.map(expert => <Expert expert={expert}></Expert>)
如果該expert值有一些識別符號，例如一個id屬性，那么您可以使用它：
experts.map(expert => <Expert key={expert.id} expert={expert}></Expert>)
否則，您始終可以依賴作為map回呼的第二個引數提供的索引值：
experts.map((expert, i) => <Expert key={i} expert={expert}></Expert>)
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/329682.html
標籤：反应