Question

我从服务器返回此字符串，该字符串包含纯文本和RN.Text组件之间的混合内容。

{
verse: "\u0630<Text style= {styles.madda_normal}>\u064e\u0672</Text>\u0644\u0650\u0643\u064e <Text style={styles.ham_wasl}>\u0671</Text>\u0644\u0652\u0643\u0650\u062a\u064e<Text style={styles.madda_normal}>\u0640\u0670</Text>\u0628\u064f \u0644\u064e\u0627 \u0631\u064e\u064a\u0652\u0628\u064e\u200c\u06db \u0641\u0650\u064a\u0647\u0650\u200c\u06db \u0647\u064f<Text style={styles.idgh_w_ghn}>\u062f\u064b\u0649 \u0644</Text>\u0651\u0650\u0644\u0652\u0645\u064f\u062a\u0651\u064e\u0642<Text style={styles.madda_permissible}>\u0650\u064a</Text>\u0646\u064e"
}

我如何解析它？所以它可以呈现为React Component

...
render () {
  return (
    <Text>{response.verse}</Text>
  )
}
...

Answer 1

过去，解析JSX字符串可以直接在浏览器中使用JSXTransformer完成，但已被弃用。

现在我推荐像this这样的工具。

Answer 2

使用decodeURIComponent（）

decodeURIComponent(item.verse)

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/decodeURIComponent

用其中的反应组分解析字符串

2 个答案: