模拟react元素上的click事件

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在尝试.click()

event在React元素上模拟，但无法弄清楚为什么它不起作用（触发时它没有反应event）。

我只想使用JavaScript发布Facebook评论，但我停留在第一步（执行.click()on

div[class="UFIInputContainer"]元素）。

我的代码是：

document.querySelector('div[class="UFIInputContainer"]').click();

这是我尝试执行的网址： **https：//www.facebook.com/plugins/feedback.php

…**

PS：我对React没有经验，我也不知道在技术上是否可行。这是可能的？

编辑：我正在尝试从中执行此操作Chrome DevTools Console。

回答：

用于refs在回调函数中获取元素并使用click()函数触发点击。

class Example extends React.Component{
  simulateClick(e) {
    e.click()
  }
  render(){
    return <div className="UFIInputContainer"
    ref={this.simulateClick} onClick={()=> console.log('clicked')}>
      hello
      </div>
  }
}
ReactDOM.render(<Example/>, document.getElementById('app'))
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="app"></div>

以上是 模拟react元素上的click事件 的全部内容， 来源链接： utcz.com/qa/433219.html

回到顶部