-
适用于React的全屏辅助组件:react-fullscreen
资源介绍
全屏React
一个React组件,它使用Fullscreen API将其子级设置为全屏,并使用对其进行了规范化。
用法
* 安装。
yarn add react-full-screen
*导入组件和挂钩
import { FullScreen , useFullScreenHandle } from "react-full-screen" ;
*设置和渲染。
每个全屏元素必须使用一个手柄。
import React , { useCallback } from 'react' ;
import { FullScreen , useFullScreenHandle } from "react-full-screen" ;
function App ( ) {
const handle = useFullScreenHandle ( ) ;
return (
< d