从字符串中解析标签并以 JSX 形式返回

Question

所以我的后端返回一个带有两组强标签的字符串。好像：

const string = "<strong>Name N.</strong> How are you doing today? <strong>more text</strong>"

由于我使用的是 React Native，因此无法按原样显示。我想返回看起来像这样的东西：

<Text>

  <Text style={{fontWeight: 'bold'}>Name N.</Text>

  How are you doing today?

  <Text style={{fontWeight: 'bold'}>more text</Text>

<Text>

解决这个问题的最佳方法是什么？

Answer 1

你可以用两种方式做到这一点第一个选项通过网络视图const string = "<strong>Name N.</strong> How are you doing today? <strong>more text</strong>"<WebView source={{html: string}} />第二个选项通过替换和拆分const text = "<strong>Name N.</strong> How are you doing today? <strong>more text</strong>";const [first, second, third] = text.replace(/(<\/strong>|<strong>)/g, '|').split('|').filter(cur => cur).map(cur => cur.trim());console.log(first);console.log(second);console.log(third);