模拟react元素上的click事件

小编典典

模拟react元素上的click事件

reactjs

我正在尝试.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。

阅读 1338

2020-07-22

共1个答案

小编典典

用于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>

2020-07-22