Javascript 我能'；t手动键入literal来创建React元素

我创建了两个React元素：第一个元素是传统上创建的，使用React.createElement，第二个元素是手动键入literal（出于教育目的）。我听说React元素只是一个js对象。 首先是渲染精细。二是造成错误

错误：ReactDOM.render（）：无效的组件元素。这可能是由于无意中加载了React的两个独立副本造成的

第二个反应元素有什么问题

var first=React.createElement（“h1”，null，“重要公告”）；
第二个变量=
{
$$typeof:Symbol（React.element），
“类型”：“h1”，
“键”：空，
“ref”：空，
“道具”：{“儿童”：“重要公告”}，
“_owner”：空，
“_存储”：{}
}
render（首先是document.getElementById（'root'）；

将

$$typeof

定义更改为

$$typeof:Symbol.for（'react.element'）

应该可以解决您的问题

React出于上述安全原因需要它

请看下面的演示或这个

var first=React.createElement（“h1”，null，“重要公告”）；
第二个变量={
$$typeof:Symbol.for（'react.element'），
“类型”：“h1”，
“键”：空，
“ref”：空，
“道具”：{
“儿童”：“重要公告”
},
“_owner”：空，
“_存储”：{}
}
console.log（第一个，第二个）
render（第二个，document.getElementById（'root'）
尝试修改此行：$$typeof:Symbol.for（'react.element'））