通过API获取React JSX

Question

我有一个很有趣的问题。

你能通过API调用获得一个完整的React元素吗?

API响应示例:

<View style={{backgroundColor: 'red'}}>
<Text>
Hello
</Hello>
</View>

是否可以将此响应保存在变量中并在最终的return中使用?

Answer 1

您可以使用从API调用中获得的数据来创建一个函数，该函数返回如下组件:

import * as React from 'react';
import { Text, StyleSheet, View } from 'react-native';
export default function App() {
const TestComponent = ({ words }) => {
return (
<Text>{words}</Text>
);
}
return (
<View>
<TestComponent words={"Hello World"}/>
</View>
);
}