如何使用 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()}}, "");