JSX React Native 的 HTML 标记

Question

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

示例：

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

我想在我的 React Native 应用程序中使用它，但这次我想将所有 <p> 标签替换为 <Text>，因为这是我可以在 React Native 中使用的东西。

我怎样才能实现这样的目标？我不知道如何翻译或解析 HTML。

编辑：我使用正则表达式将<p> 设为<Text>，但它只返回一个字符串。它在屏幕上显示：<Text>Lorem Ipsum</Text。如何将其解析为可读的 JSX？

Answer 1

JSX 基本上是用于调用createElement 的语法糖（如here、here 和especially here）：

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