javascript - HTML 标签到 JSX React Native

标签 javascript reactjs react-native html-parsing jsx

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

例子:

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

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

我怎样才能实现这样的目标?我找不到如何翻译或解析 HTML。

编辑:我使用 Regex 制作了 <p>一个<Text>但它只返回一个字符串。它在屏幕上显示:<Text>Lorem Ipsum</Text .我如何将其解析为可读的 JSX?

最佳答案

JSX 基本上是用于调用 createElement 的语法糖(如 herehereespecially here 所示) :

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

因此,一旦您捕获了 <p></p> 中的文本tags 你可以像这样生成任何标签:

let capturedContent = 'Hello there'

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

关于javascript - HTML 标签到 JSX React Native,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47816269/

相关文章:

javascript - 克隆javascript对象省略一个属性

html - CSS Grid 自动添加一个::before 元素

css - react : background image overlaps navbar

android - React-Native 中的抽屉导航

javascript - 将数据传递给组件

reactjs - 以编程方式 react 导航更改选项卡顺序

javascript - 输入意外结束(第 1 行)和未定义函数?

javascript - 无法使用jquery从外部url获取json

java - 从网络应用程序,如何在没有用户交互的情况下在客户端机器上运行 exe

reactjs - React-Router 的 URL 参数