Javascript 视频不渲染

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

我有两个视频元素，它们根据视图的不同而变化

这只是我尝试做的一个简单解释，我不能做条件类名，因为两个不同的视图有不同的组件

const videoRef = useRef();

src是在useffect中设置的，它像这样运行一次

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

在组件中，我返回

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

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

setViewType(false); 

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

---

我不太确定如何解决这个问题。如果有人能帮你做到这一点

你将

视图类型

更改为什么？“我可以使用条件类名，因为两个视图的组件不同”你这么说是什么意思？抱歉，我的意思是不能，它已更新为清晰。希望您现在能理解，好的，但是最后条件的两个方面之间的唯一区别是

className

prop，因此条件的唯一效果是更改

className

。这个例子是不是简化了你的实际代码？我这样问是因为我们看不到的代码可能与问题有关。

setViewType(false);