【发布时间】：2021-12-13 13:16:28
【问题描述】：
我的应用程序中有三个组件，它们是 <Video />、<VideoPreview />、<VideoWrapper />、
这里VideoWrapper 组件根据状态isDragging 有条件地渲染其他两个组件，每当有人开始拖动它时，它就会渲染，
代码类似于isDragging ? <VideoPreview /> : <Video />
在this question，我看到他们更喜欢使用当前的（JSX 短路渲染）方法。但在我的例子中，<Video /> 组件渲染了其他一些组件，它在每次渲染时都会发出 HTTP 请求以从 CDN 加载视频。
所以我很困惑哪个应该更好，当前的方法还是将isDragging 状态传递给视频组件并在isDragging=true 时使用 CSS 切换可见性。谁能解释一下哪个更好？
【问题讨论】：
-
我认为 CSS 会比重新渲染快得多。但归根结底，您可能需要对这两种方法进行分析，以确定哪种方法更适合您的情况。
标签： javascript html reactjs jsx