从文件导入arrray后映射react组件内部的数组

我有反应成分。我还有一个js文件,它有一个导入组件的对象数组。我想用 .map() 在数组上运行并显示其中的每一条信息 li whic目前在 ul 围绕着它。我知道活动导入正确,因为 console.log(Activity) 正在显示5个项目。当它到达map函数时,它决定不迭代和显示任何信息。我查看了源代码,它只是显示了一个空的无序列表。

import React, { Component } from 'react';

import Activities from '../../../../fakedata/fake_activity';

export default function Activity(props){
    console.log(Activities)
    return(
        <div className="activity-container">
            <ul className="activity-list">
                {
                    Activities.map((activity) => {
                        <li className="activity">
                            <span className="activity-group">{activity.group}</span>
                            <span className="activity-date">{activity.date}</span>
                            <span className="activity-description">{activity.description}</span>
                        </li>
                    })
                }
            </ul>
        </div>
    )
}

这是正在导入的活动对象

const activity = [
    {
        group: 'Homiez',
        description: '',
        date: '3:22 pm 1/15'
    },
    {
        group: 'Bros',
        description: '',
        date: '1:48 pm 1/15'
    },
    {
        group: 'Bros',
        description: '',
        date: '12:31 pm 1/15'
    },
    {
        group: 'Homiez',
        description: '',
        date: '10:13 am 1/15'
    },
    {
        group: 'Manayek',
        description: '',
        date: '7:17 pm 1/14'
    },
]

module.exports = activity;