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