如何将字符串解析为本地组件？

Question

我想将包含jsx的字符串解析为react-native组件

示例：

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

现在，我要像下面这样渲染它：

const App = props => {

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

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

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

但是根据我的条件str1只能是字符串，因为我是从TextInput Component中提取的。

期望：str1的解析方式如下：

您好，我是默认文字，我是粗体文字

我的目标是什么？

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

嗨，朋友，你好吗？ 喜欢 该帖子。

如您所见， 像 以粗体显示为斜体，所以我想做这样的事情。