来自字符串变量的 React Native 渲染组件

或者也许问题应该是，如何将字符串转换为 JSX？

无论如何，我试图对我的 React Native 应用程序进行性能黑客攻击，这需要我从字符串变量渲染 React Native 组件。

例如，

let item = "<View>
  <Text>
      This is an item
  </Text>
</View>";

现在在我的渲染函数中，我想像这样渲染它：

render() {
    return (
      <View>
        {item}
      </View>
    );
}

现在，如果我尝试运行该应用程序，它会给出错误，因为我试图在 a 中渲染文本View成分。如果我尝试在渲染之前将项目包装在文本中，它只会将项目渲染为屏幕上的纯文本，其中包含所有<View> and <Text>标签作为字符串。

然后我如何渲染它，以便字符串中的标签表现得像普通的 React Native 组件，而不是仅仅显示为字符串？

我已经到处搜索但没有找到解决方案。

我将不胜感激任何建议。

尝试以下两个包之一：

https://www.npmjs.com/package/acorn-jsx

https://www.npmjs.com/package/react-jsx-parser

两者都允许动态地将字符串解析为 jsx （没有机会在 RN 中测试，但对于 Web 中的 React 来说效果很好）