以编程方式触发点击

Question

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

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

我想知道如何在React.js中执行此操作？有没有最好的做法？

Answer 1

将它放在你的componentDidMount内：

componentDidMount : function () {
    $('#input_element').click();
},

您的componentDidMount相当于document.ready

Answer 2

你不需要jQuery来实现这一点。使用vanilla javascript就足够了，但有很多方法可以做到这一点：

Vanilla js：

这可能是首选方式，因为它很简单，不需要导入其他库（例如* { margin: 0; padding: 0 } 或jQuery）。

React-DOM

jQuery的：

如果您已经将jQuery导入到项目中，您还可以执行以下操作：

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

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

如果您更愿意使用ref代替ref，则可以执行以下操作：

id