从字符串中解析标签并以 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);