在JSON中存储React-Native组件？

Question

我正在尝试从一个本地JSON文件，我想抱着组件

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

现在，每当我尝试使用Element1.data作为一个组成部分，它给了我一个“原始文本”的错误数据。我知道这是因为Element1.data是一个字符串。有没有一种方法可以将它用作组件？我试过JSON.parse（），但没有任何运气。你只能以JSON格式存储字符串吗？

Answer 1

你可以这样说：

import MyReactComponent from './MyReactComponent' 

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

您必须使这个组件是这样的：

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

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