如何使用 document.createElement 从 React 设置 onClick？

Question

使用 document.createElement 我正在创建一个<input>. 如何从 React 设置 onClick 属性？var input = document.createElement("input"); input.onClick = {setCount()}; //???反应 cpde：<input type="submit" onClick={() => {         var input = document.createElement("input");         input.onClick = {};                 document.getElementById("cards").prepend(input); }}/>

Answer 1

通常在 React 中你不会使用，document.createElement因为你有官方文档中所述的 JSX。

我们建议使用 JSX 来描述您的 UI 应该是什么样子。每个 JSX 元素只是调用 React.createElement() 的语法糖。如果您使用 JSX，您通常不会直接调用以下方法。

React.createElement如果您仍然决定使用 createElement，如果您不使用 jsx，react 建议使用。

每个 JSX 元素只是调用 React.createElement(component, props, ...children) 的语法糖。因此，您可以使用 JSX 执行的任何操作也可以仅使用纯 JavaScript 执行。

使用这个你的代码会变成

var input = React.createElement("input", {onClick: () => {setCount()}}, "");