API方法调用:
1. const player = useRef();
2.<div ref={inputRef}> 要添加的内容 </div>
3. <Button onClick={()=>bigView(inputRef)} />
4.const bigView = a => { a.current.toggleFullscreen(); };
说明:1.react要引入useRef(); 4.a是参数,可以随便命名。.current是固定的。
----------------------------------------------------------------------------------------------
子组件方法调用:
如果是调用子组件的方法,则需要在子组件添加useImperativeHandle暴露给父组件要调用的方法
useImperativeHandle(() => ({ showViewer: () => { setIsView(true); }, }));
子组件
import * as React from 'react';
import PropTypes from 'prop-types';
import { BigPlayButton, ControlBar, Player, PlayToggle } from 'video-react';
import { useImperativeHandle, useState } from 'react';
const VideoLargeView = ({ item, cRef }) => {
const [isV