如何评估包含 Jsx Native 代码的字符串作为 Render() 中的代码？答案

【问题标题】：How to evaluate string which contains Jsx Native code as code in Render()?如何评估包含 Jsx Native 代码的字符串作为 Render() 中的代码？
【发布时间】：2019-12-14 16:39:34
【问题描述】：

我有一些变量存储在状态中，其中包含要在 React Native 中呈现的代码，例如：

JsxToRender = "<View> <Text h1 style={styles.h1}>Titre 1</Text> 
<Image source={{ uri:file:///data/data/com.app/avatar.jpg }}
style={styles.Image} /> </View>"

我需要像这样在 render() 中返回它们：

render() {
return (this.state.JsxToRender) }

如何将这些字符串解析为代码？我尝试了eval()，但没有成功。

【问题讨论】：

这能回答你的问题吗？ Render HTML string as real HTML in a React component
谢谢，但就我而言，它不是 Html，而是已经是 jsx。

标签： reactjs react-native parsing eval jsx

【解决方案1】：

请更改此行

JsxToRender = "<View> <Text h1 style={styles.h1}>Titre 1</Text>

到

JsxToRender = "<View> <Text h1 style={styles.h1}>{Titre} 1</Text>

现在就使用吧。

【讨论】：

谢谢，但这不是问题，所有变量“jsxToRender”都是一个字符串。另一个例子，我有变量 test = " Hi, I'm valentin" 这是从 API 获取的字符串。我只想在渲染中返回它。问题是变量的类型是字符串。