index.js

import React from 'react';
import styles from './index.less';

const list = [
  {
    title: '关于医考通知',
    content: '报考传统医学师承或确有专长类别医师资格考试的，还需提交传统医学师承出师证书或传统医学医术确有专长证书。',
    noticeTime: '2012.01.23',
  },
  {
    title: '关于医考通知',
    content: '报考传统医学师承或确有专长类别医师资格考试的，还需提交传统医学师承出师证书或传统医学医术确有专长证书。',
    noticeTime: '2012.01.23',
  },
  {
    title: '关于医考通知',
    content: '报考传统医学师承或确有专长类别医师资格考试的，还需提交传统医学师承出师证书或传统医学医术确有专长证书。',
    noticeTime: '2012.01.23',
  },
];
const Index = () => {
  const renderItem = () => {
    return list.map(({ title, content, noticeTime }) => {
      return (
        <div className={styles.item}>
          <div className={styles.title}>{title}</div>
          <div className={styles.content}>{content}</div>
          <div className={styles.noticeTime}>{noticeTime}</div>
        </div>
      );
    });
  };
  return <div className={styles.root}>{renderItem()}</div>;
};
export default Index;