使用Antd Popover组件时,如果鼠标悬浮时间过长,应用程序可能会冻结。解决这个问题的方法是在Popover组件中加入mouseLeaveDelay属性,使鼠标离开后一段时间后组件才关闭。示例如下:
import React, { useState } from "react";
import { Button, Popover } from "antd";
import "antd/dist/antd.css";
const App = () => {
const [visible, setVisible] = useState(false);
const [content, setContent] = useState("");
const handleVisibleChange = (visible) => {
setVisible(visible);
};
const handleClick = () => {
setContent("Popover content");
setVisible(true);
};
return (
hover me
);
};
export default App;