如何将React Element作为具有大量属性的对象传递？

Question

那么,你能帮我理解一下这个反应元素的JSX语法是什么吗？

const data = {
   className: "myEl",
   "data-numb": 3,
   "data-created": 191017
   //following other 20 attributes
}
React.createElement("div",data,"test");

我想你不会以这种方式在JSX语法中编写这个元素

<div className="myEl" data-numb=3 data-created=191037 ....the other 20 attributes.... />

那么,作为具有大量属性的对象传递React Element的道具的理想方法是什么？

Answer 1

据我了解,你要求的是:

const data = {
   className: "myEl",
   "data-numb": 3,
   "data-created": 191017
   //following other 20 attributes
}

<div {...data}/>