视频不渲染

如何解决视频不渲染

我正在尝试根据视图类型格式化视频。

我有 2 个视频元素，它们会根据视图交替出现。

这只是对我正在尝试做的事情的简要说明，我不能做条件类名，因为不同的两个视图具有不同的组件

const videoRef = useRef();

src 设置在像这样运行一次的 useEffect 中

useEffect(() => {
    videoRef.current.srcObject = address;
},[]);

在组件中，我正在返回

return(
{viewType ? 
    <video classname={classes.downtop} ref={videoRef} /> 
    : <video classname={classes.topdown} ref={videoRef} /> }
);

viewType 是一个布尔值，如下所示，因为只有 2 种视图类型

const [viewType,setViewType] = useState(true); 

要更改视图类型，我只需调用

setViewType(false); 

我遇到的问题是，起初它显示的是向下的视频，但是当我更改视图类型的值时，视频不显示。

我不太确定如何解决这个问题。如果有人可以提供帮助那就太好了