在 React.createElement 中将 `onSubmit` 作为道具传递

Question

我有以下代码：

data = React.createElement(f, {onsubmit: a}, div.fields.map((d, i) => {
  let thisInput
  if (d.placeholder) {thisInput = React.createElement(d.format, {placeholder: d.placeholder, className: "captureEmail"})}
  if (d.value) {thisInput = React.createElement(d.format, {className: "btn"}, d.value)}
  return thisInput
}))

特别是，我正在查看第一行中的{onsubmit: a} 。 如果我愿意，我可以传递className ，但onsubmit或onclick不会出现在 HTML 中。 这是 React 的限制吗？

Answer 1

在 React 中，事件名称是驼峰式的。 编译器在构建已编译的 vanilla JS 时会将其转换为全部小写。 要使其工作，请将 onsubmit 事件处理程序作为 onSubmit 传递，并将 onclick 事件处理程序作为 onClick 传递。

data = React.createElement(f, {onSubmit: a}, div.fields.map((d, i) => {
  let thisInput
  if (d.placeholder) {thisInput = React.createElement(d.format, {placeholder: d.placeholder, className: "captureEmail"})}
  if (d.value) {thisInput = React.createElement(d.format, {className: "btn", value: d.value})}
  return thisInput
}))