[英]React Syncing element from Virtual DOM with element from HTML DOM
我有一个 React 组件,它包含一个 3D 动画,在 HTML 页面内带有播放控件(暂停/播放),我需要将控件与 react 组件外的一些按钮同步。
react中的控件是这样实现的
<Button color='red' onClick={() => { setDataPlayback(false); }} > <Icon name='pause' /></Button>
<Button color='red' onClick={() => { setDataPlayback(true); }} > <Icon name='play' /> </Button>
并且html页面中的按钮是
<div id="btns">
<button id="html-button-pause" onclick="python_function_pause()"></button>
<button id="html-button-play" onclick="python_function_play()"></button>
</div>
所以每当我按下一个按钮时,我希望它触发对 html 按钮的点击。
我认为这应该有效:
<Button color='red' onClick={() => { setDataPlayback(false); python_function_pause(); }} > <Icon name='pause' />
另一个按钮也是如此。 您可以使用.click()
函数以编程方式调用 HTML 元素的click
。 您可以在此处阅读更多相关信息。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.