antd popover 如何在数组中抽离使用

在antd中，Popover组件是一个弹出框组件，可以用来显示额外的信息或操作。如果想要在数组中抽离使用，可以按照以下步骤进行操作。

首先，需要在代码中导入Popover组件：

import { Popover } from 'antd';

接下来，准备一个数组来存储需要抽离的内容，例如：

const popoverContent = [
  { title: '选项1', content: '这是选项1的内容' },
  { title: '选项2', content: '这是选项2的内容' },
  { title: '选项3', content: '这是选项3的内容' },
];

然后，在需要使用Popover组件的地方，通过遍历数组来动态生成Popover组件：

{
  popoverContent.map((item, index) => (
    <Popover key={index} title={item.title} content={item.content}>
      <Button type="primary">选项{index+1}</Button>
    </Popover>
  ))
}

通过上述代码，就可以在数组中抽离使用Popover组件了。每个数组元素代表一个Popover组件的内容，可以根据实际需求进行添加和修改。其中，title属性代表Popover标题，content属性代表Popover内容。在遍历过程中，通过动态设置title和content，实现不同的Popover内容。