状态更改后在视频标签中添加控件属性

Question

我在 reactJS 中有一个视频标签。

      <video {props.flag == true && "controls"}>
        <source src= "/videos/video_tab.mp4" type="video/mp4"/>
        Your browser does not support the video tag.
      </video>

React is giving me error for {props.flag == true && "controls"} is not correct syntax

据我们所知，我们可以获得基本 html 中的控件，例如

      <video controls>
        <source src= "/videos/video_tab.mp4" type="video/mp4"/>
        Your browser does not support the video tag.
      </video>

但我只想在 props.flag == true 默认为 false 时显示控件。
我该怎么做？

Answer 1

我会尝试<video controls={props.flag}> 因为 <video something> 是 <video something=true>

的短版本

Answer 2

我建议你先阅读React introduction。

Props 被定义为属性，值是使用花括号时的表达式 {}:

      <video controls={props.flag}>
        <source src= "/videos/video_tab.mp4" type="video/mp4"/>
        Your browser does not support the video tag.
      </video>

状态更改后在视频标签中添加控件属性

Add controls attribute in video tag after state changes

reactjs

html5-video