Basic.jsx

import React from 'react';
import './index.less'
import List from '../../components/List'

const data = Array.from(new Array(12)).map((_val, i) => ({
    icon: '/img/test/test.png',
    text: `name${i}`,
}));

const Basic = () => {
    const personImg = data.map((item, index) => (
        <div key={index} className="basic-people-item">
            <img className="work-people-img" alt="" src='/img/test/test.png'/>
            <div>aaa</div>
        </div>
    ))

    const listData = [
        {title: '单位(科室)', content: '文电科'},
        {title: '人数', content: '3'},
        {title: '人员', content: <div className="basic-people-content">{personImg}</div>},
        {title: '目的地', content: '武汉'},
        {title: '事由', content: '考察'},
    ];
    return (
        <div>
            <List
                title={"6.1日,部门考察工作出差申请"}
                listData={listData}
            />
        </div>
    );
};

export default Basic;