话不多说上代码
const [isFullscreen, setIsFullscreen] = useState(false);
const toggleFullscreen = () => {
if (!isFullscreen) {
// 进入全屏模式
if (document.documentElement.requestFullscreen) {
document.documentElement.requestFullscreen();
} else if (document.documentElement.requestFullscreen) {
// Firefox
document.documentElement.requestFullscreen();
} else if (document.documentElement.requestFullscreen) {
// Chrome, Safari and Opera
document.documentElement.requestFullscreen();
} else if (document.documentElement.requestFullscreen) {
// IE/Edge
document.documentElement.requestFullscreen();
}
}
setIsFullscreen(!isFullscreen);
};