在使用.map遍历数组之前,如何检查键是否存在?
import React from 'react';
ReactDOM.render(
myObj={
"meat": {"main": ["Chicken", "Beef", "Lamb", "Pork"]}
}
const Dinner () =>{
const course = 'main';
return(
<div>
//course might result in a lookup that doesn't exist
{myObj.meat[course].map((n) => n + '')}
</div>
);
}
export default Dinner;
);
由于键(类(class))是变量,因此可能会导致查找不存在,例如myObj.meat ['sillyKey'],这导致我的应用程序失败。在这种情况下,如何停止应用程序失败?
非常感谢,
凯蒂
最佳答案
您可以执行以下保护措施:{myObj.meat[course] && myObj.meat[course].map((n) => n + '')}