javascript - react 我正在马尔丁，因为 "Cannot read property ' map '未定义”

Question

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;

我一直在尝试解决未定义的 map ，尽管我在实际解决它方面没有取得任何进展。这里有人至少有一个想法可以与我合作找到解决方案吗？提前致谢

Answer 1

尝试此使用条件。

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