在JSON中存储React-Native组件？

Question

我正在尝试从我想要保存组件的本地JSON文件中检索数据

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

现在每当我尝试使用Element1.data作为组件时，它都会给我一个“Raw Text”错误。我明白这是因为Element1.data是一个String。有没有办法可以将它作为一个组件使用？我试过JSON.parse（）但没有运气。你能只用JSON格式存储字符串吗？

Answer 1

你可以这样做：

import MyReactComponent from './MyReactComponent'

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

您必须像这样呈现此组件：

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

通过这种方式，您可以动态传递一些道具。