Javascript 在JSON中存储React本机组件？

我试图从本地JSON文件中检索数据，我想保存组件

 "Element1": {
     "key": "1",
     "data": "<MyReactComponent />"
 }

“元素1”：{
“密钥”：“1”，
“数据”：”
}

---

现在，每当我尝试使用Element1.data作为组件时，它都会给我一个“原始文本”错误。我理解这是因为Element1.data是一个字符串。有没有一种方法可以将其用作组件？我尝试了JSON.parse（），但没有任何运气。您只能以JSON格式存储字符串吗？

您可以这样做：

import MyReactComponent from './MyReactComponent'

const data = {
 "Element1": {
     "key": "1",
     "component": (props = {}) => <MyReactComponent {...props} />
 }
}

render() {
   return data['Element1'].component({})
}

这样，您可以动态地传递一些道具