通过 API 获取 React JSX

【问题标题】：Getting React JSX through API通过 API 获取 React JSX
【发布时间】：2021-12-11 18:02:51
【问题描述】：

我有一个非常有趣的问题。

能否通过 API 调用获得完整的 React Element？

API 响应示例：

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

这个响应是否可以保存在变量中并用于最终的return？

【问题讨论】：

标签： react-native jsx

【解决方案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>
  );
}

【讨论】：

是的，我完全同意你的看法。但我的问题是我的 API 是否返回完整的 JSX，例如：Hello。不知何故，我意识到我的 API 会将它作为 String 返回，并且不能真正将其转换为 React 元素。是真的吗？
试试看这个：stackoverflow.com/questions/51108640/…
谢谢你的话题，确定这是一个开始