React中定义一个图标，点击它生成一个气泡卡片

1.导入图标

import { TableOutlined } from '@ant-design/icons';

2.定义点击事件

extra={

<div>

<FilterConditionPopover filterParams={filterParams}/>

<TableOutlined style={ { marginRight: 10 }} onClick={() => viewData()} />

</div>

}

const viewData=()=>{

setTableVisible(true);

};

3.创建一个.tsx文件生成气泡卡片

const FilterConditionPopover = (props: any) => {

  const { filterParams } = props;

  return (

    <Popover

      trigger="click"

      placement="bottomRight"

      title="当前查询条件"

      // getTooltipContainer ={document.getElementById('reportContainer')?undefined:<div></div>}

      content={

        <Descriptions bordered column=