我有以下数组:
const cuisines = [
{ african: "African" },
{ american: "American" },
{ arabian: "Arabian" },
{ argentine: "Argentine" },
{ asian: "Asian" },
{ asian_fusion: "Asian Fusion" },
{ australian: "Australian" },
{ austrian: "Austrian" },
{ bbq: "BBQ" },
{ bakery: "Bakery" }
]
我有以下 React JSX 代码来循环遍历数组中的每个对象:
<select name="cuisines" id="cuisines" size={10} multiple className="form-control" onChange={e => handleMultiple('cuisines', e)}>
{cuisines.map((cuisine, index) => {
for (let [key, value] of Object.entries(cuisine)) {
return <option key={index} value={key}>{value}</option>
}
})}
</select>
我得到了结果并且工作正常,但我的 IDE 通知我以下消息:
'for' statement doesn't loop
为什么我看到此消息?
另外我想知道使用 for...of 循环遍历对象条目并返回 JSX 代码是否是我的示例案例中的最佳方法,或者是否有任何其他我可以遵循的更好的方法。