Question

我想根据状态更改 remoteOptions 对象中的工具栏选项，以便我能够根据单击按钮时更改的状态来隐藏和显示它。我如何做到这一点？

remoteOptions = {
  player: {
    height: "100%",
    width: "100%",
  },
  resizer: false,
  toolbar: {
    displayMode: false,
  },
};
<div>
  <button id="start-canvas">Start Canvas Streaming</button>
  <button id="stop-canvas">Stop Canvas Streaming</button>
</div>

Answer 1

首先定义状态， const [show, setShow] = useState(false) ;//false 表示 displayMode 最初为 false。

然后在remoteOptions，

 displayMode : show,

然后改变按钮点击状态，

<button id="start-canvas" onClick={()=> setShow(true)}>Start Canvas Streaming</button>

 <button id="stop-canvas" onClick={()=> setShow(false)}> Stop Canvas Streaming</button>

根据状态更改对象中的元素

1 个答案: