在使用.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 + '')}

10-08 20:10