解析帶有反應組件的字符串

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" 
} 

我該如何解析它？因此它可以被渲染爲做出反應組件

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

Answer 1

使用decodeURIComponent（）

decodeURIComponent(item.verse) 

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

Answer 2

在過去，解析JSX字符串可以直接在瀏覽器來完成，使用JSXTransformer但它已被棄用。

現在我會推薦一個像this這樣的工具。