Javascript 反应由于“无法读取未定义的属性“映射”，我正在恶意攻击”

我一直在玩这个游戏，试图解决未定义的地图，尽管我在实际解决它方面没有取得任何进展。这里有没有人至少有一个想法可以让我找到解决方案？提前感谢

尝试此使用条件

import React from 'react';
import './BusinessList.css';

import Business from '../Business/Business';

class BusinessList extends React.Component {
  render() {
    return (
      <div className="BusinessList">
        {
          this.props.businesses.map(business => {
            return <Business business={business} key={business.id} />
          })
        }
      </div>
    );
  }
}

export default BusinessList;

---

当父母将道具传递给孩子时，他们是什么样子的？如果要将此.props.businesss记录到控制台，是否确定此.props.businesss具有数据？我看不到将此businesss prop传递到组件的位置。请在映射它之前检查此.props.businesss是否已定义。谢谢各位，但找到了使用条件的解决方案。请参阅下面的答复以获取解决方案

     <div className="BusinessList">
        {
          this.props.businesses && this.props.businesses.map(business => {
            return <Business business={business} key={business.id} />
          })
        }
      </div>