前端有关js中map的疑问？

以下三种情况哪一种情况能够在className为wrap的dom里面打印出标题dom？不能打印的情况是什么原因？

// 情况1
render() {
    const dataList_1 = [
        {
            title: '标题1'
        }
    ];

    const single = (data) => {
      const singleDom = [];
      data.map(item => {
        singleDom.push(
          <div className={styles.single}>
            {item.title}
          </div>
        );
      });
      return singleDom;
    }

    return (
      <div className={styles.wrap}>
        {
          single(dataList_1)
        }
      </div>
    );
  }
}


// 情况2
render() {
    const dataList_2 = [
        {
            title: '标题2'
        }
    ];

    const single = (data) => {
      data.map(item => {
        return (
          <div className={styles.single}>
            {item.title}
          </div>
        );
      });
    }

    return (
      <div className={styles.wrap}>
        {
          single(dataList_2)
        }
      </div>
    );
  }
}

// 情况3
render() {
    const dataList_3 = [
        {
            title: '标题3'
        }
    ];

    return (
      <div className={styles.wrap}>
        {
          dataList_3.map(item => {
            return (
              <div className={styles.single}>
                {item.title}
              </div>
            );
          });
        }
      </div>
    );
  }
}