You can use the Popover component in Antd to loop rendering content. For example: const list = [{name: 'Zhang San', age: 18}, {name: 'Li Si', age: 21}]; return ( <Popover content={ list.map((item, index) = > { return
{item.name} - {item.age}
}) }> );