1. import React from 'react';
    2. import { array, string } from 'prop-types';
    3. import { Tooltip, List, Badge } from 'antd';
    4. import { InfoCircleOutlined } from '@ant-design/icons';
    6. const { Item } = List;
    7. const style = { paddingTop: 4, paddingBottom: 4}
    9. TooltipList.propTypes = {
    10.   data: array.isRequired,
    11.   title: string
    12. };
    14. function TooltipList(props) {
    15.   const { data = [], title = '' } = props;
    17.   return (
    18.     <Tooltip
    19.       title={
    20.         <List
    21.           header={`${title}说明:`}
    22.           dataSource={data}
    23.           size="small"
    24.           className="tips-title"
    25.           split={false}
    26.           renderItem={item => (
    27.             <Item style={style}>
    28.               <Badge color="#fff" />
    29.               {item}
    30.             </Item>
    31.           )}
    32.         />
    33.       }
    34.     >
    35.      <InfoCircleOutlined />
    36.     </Tooltip>
    37.   );
    38. }
    40. export default React.memo(TooltipList);