如何在React中使用数据属性

Question

如何在React中使用数据属性而不使用引号（在这种情况下，引号会使代码的可读性降低）？

const e = React.createElement;

e(
  "span", {
    id: "foo",
    className: "bar",
    "data-tippy-content": "tooltip",
  }, "Foobar"),

...并且不使用JSX。

Answer 1

由于您尚未使用JSX，因此可以为jornada写一个包装，将React.createElement转换为dataset: {...}属性：

data-