个人记录-React 虚拟dom中遍历对象

return 中 遍历：

 <Row wrap gutter="40" className={styles.row}>
      {mockData.map((data, index) => {
        return (
          <Col l="6" key={index}>
            <div className={styles.modelCards}>
              <div className={styles.head}>
                <Icon type="electronics" className={styles.icon} /> {data.title}
              </div>
              <div className={styles.body}>
                {data.body.map((item, key) => {
                  return (
                    <div className={styles.item} key={key}>
                      <span className={styles.label}>{item.label}：</span>
                      <span className={styles.value}>{item.value}</span>
                    </div>
                  );
                })}
              </div>
              <div className={styles.footer}>
                <a className={styles.lightBlue }>
                  调用示例
                </a>
                <a className={styles.green }>在线预测</a>
              </div>
            </div>
          </Col>
        );
      })}
    </Row>