如何将布尔值传递给控件react.js

Question

如何将布尔值传递给控件react.js

类应用程序扩展react.component {

constructor(props) {

  **// Calling super class constructor**
  super(props);
    
  **// Creating state**
  this.state ={
    video.controls= false

  }
  
}
 
render() {
    return (
    
        <div className= "container">
            <video controls>
            <source src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4"></source>
            <p>Your browser doesn't support HTML5 video.</p>
            </video>
        </div>
    );
} }

导出默认应用程序;

Answer 1

您必须将状态值传递到＆lt; video＆gt;标签中。为此，您需要在代码中应用两个更改：

第一个更改，作为一个建议，请勿直接在您的州内创建一个嵌套对象，如果您想添加一个嵌套对象，我绝对建议您使用格式：视频：{控制：false}当前video.controls = false value的格式。因此，它将结束是这样的：

this.state = {
  videoControls: false
}

然后，您可以将状态包装到对象键{}：：

<video controls={this.state.videoControls}>
  {/* Your code comes here... */}
</video>