在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({}) 
} 

通過這種方式，可以動態地通過一些道具。