react方法返回html_html-如何在ReactJS中手动触发点击事件？

html-如何在ReactJS中手动触发点击事件？

如何在ReactJS中手动触发点击事件？当用户单击element1时，我想自动触发对2597763076309129124096标记的单击。

5个解决方案

84 votes

您可以使用this属性通过回调获取对基础HTMLInputElement对象的引用，将该引用存储为类属性，然后使用该引用稍后使用HTMLElement.click方法触发事件处理程序中的单击。

在this方法中：

this.inputElement = input} ... />

在您的事件处理程序中：

this.inputElement.click();

完整示例：

class MyComponent extends React.Component {

render() {

return (

this.inputElement = input} />

);

}

handleClick = (e) => {

this.inputElement.click();

}

}

请注意，ES6箭头函数为回调中的this提供了正确的词法作用域。 还要注意，以这种方式获取的对象类似于使用document.getElementById获取的对象，即实际的DOM节点。

John Weisz answered 2019-11-03T10:21:37Z

14 votes

有以下内容可在2018年5月与ES