HTML標簽到JSX React Native

Question

我正在調用返回一些HTML的API：

例：

<p>Hello there</p><p>Javascripti</p>

我想在我的React Native應用程序中使用它，但這次我想替換<Text>所有<p>標簽，因為這是我可以在React Native中使用的。

我怎樣才能實現這樣的目標？ 我無法找到如何翻譯或解析HTML。

編輯：我使用正則表達式使<p> a <Text>但它只返回一個字符串。 它在屏幕上顯示： <Text>Lorem Ipsum</Text 。 我如何解析這個可讀的JSX？

Answer 1

JSX基本上是語法糖（在這里 ， 在這里 ， 特別是在這里看到）用於調用createElement ：

React.createElement(component, props, ...children)

因此，一旦您捕獲了<p></p>標記內的文本，您就可以生成如下標記：

let capturedContent = 'Hello there'

const element = React.createElement('Text', { }, capturedContent)

Answer 2

正則表達式可以在這里使用：

標簽已更改

const myRegex = /(<p>|<\/p>)/g;
const myHtml = '<p>Hello there</p><p>Javascripti</p>';

myHtml.replace(myRegex, 'Text');

然后將其放入您的jsx的React-Native渲染中。 這將是這樣的。 我不知道你的完整設置如此道歉：

render() {
 return (
  {myHtml}
 )
}