Javascript 如何将字符串解析为react本机组件？

我想将包含

jsx

的字符串解析为

react native

组件

例如：

const str1 = "Hi I am default text <Text style={{fontWeight: 'bold'}}>I am bold text</Text>";

const str1=“嗨，我是默认文本，我是粗体文本”；

现在，我想将其渲染如下：

const App = props => {

  return (
     <View>
       <Text> {str1} </Text>
     </View>
  );
}

const-App=props=>{
返回(
{str1}
);
}

我应该注意，如果我将上述代码更改为：

const str2 = <Text>Hi I am default text <Text style={{fontWeight: 'bold'}}>I am bold text</Text></Text>;

const str2=Hi我是默认文本我是粗体文本；

但是根据我的条件，

str1

只能是字符串，因为我是从

TextInput组件

获取它的

期望值：

str1

应按如下方式解析：

const App = props => {

  return (
     <View>
       <Text> {str1} </Text>
     </View>
  );
}

嗨，我是默认文本我是粗体文本

我的目标是什么？

我想在我的应用程序中创建一篇帖子，认为帖子文本是：

嗨，朋友们，你好吗

---

正如你所看到的，Like是粗体的斜体，所以我想做一个类似的东西。

我按照你的要求渲染字符串，它不会造成任何伤害。@waheedaktar，请渲染

str1

你会看到字符串是

红色的

没有标签的颜色吗？这回答了你的问题吗？哦，那么您必须使用类似于

react native webview

的东西在组件内部呈现多个

jsx

。您是否尝试为您的标记创建动态

样式？