小编典典

模拟react元素上的click事件

reactjs

我正在尝试.click()
eventReact元素上模拟,但无法弄清楚为什么它不起作用(触发时它没有反应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