javascript - 以编程方式触发点击

Question

这个问题已经有答案了:

奥 git _a (1 个回答)

已关闭 6 年前。

下面是使用 jQuery 触发点击的示例:

$('#input_element').click();

我想知道如何在 React.js 中做到这一点？有没有最佳实践？

Answer 1

您不需要 jQuery 来实现此目的。使用普通的 javascript 就足够了，但是有很多方法可以做到这一点:

普通 js:

这可能是首选方式，因为它很简单，并且不需要导入额外的库(例如 jQuery 或 React-DOM)。

someFunction = () => {
    document.getElementById("input_element").click();
}

<小时/>

jQuery:

如果您已经将 jQuery 导入到您的项目中，您也可以这样做:

import jQuery from 'jQuery';
...
someFunction = () => {
    jQuery('#input_element').click();
}

<小时/>

使用ref:

如果您想使用 ref 而不是 id，您可以这样做:

import ReactDOM = from 'react-dom';
...
someFunction = () => {
  ReactDOM.findDOMNode(this.refs.input_element).click(); 
}