反应原生 HTML 实体

Posted 2023-03-05

【中文标题】反应原生 HTML 实体

【英文标题】：React native HTML entities

【发布时间】：2018-10-18 20:35:41

【问题描述】：

我正在从 WordPress 网站成功获取应用程序中的一些数据。像“„”这样的实体反应原生不想做类似的引号和我有更多的问题。

有没有办法在 React Native App 中制作 html 实体？

提前致谢。

【参考方案1】：

您应该能够在渲染之前使用html-entities 之类的东西来解码文本：

const entities = new Entities();
entities.decode('&#8222') // "„" (double low quotation mark)

【讨论】：

我确实在我的 React Native 项目中安装了这个包。我使用import Entities from 'html-entities' 导入并将const entities = new Entities(); entities.decode(''); 放入render() ... ，但它返回'未定义不是构造函数'。你能解释一下步骤吗？

@JeafGilbert 我认为您以不兼容的方式导入它。有关如何导入所需内容的示例，请参阅 html-entities 的自述文件。

【参考方案2】：

如果 'html-entities' README 中使用 require() 的示例对您不起作用，这里介绍了如何导入和使用特定的实体子包。

import Html5Entities from 'html-entities';

const entities = new Html5Entities();
entities.decode(stringToBeDecoded);

【讨论】：

Import 对像我这样的 React Native 新手很有帮助。对于其他人，请使用 npm install html-entities 或 yarn add html-entities 安装数据包

【参考方案3】：

我遇到了同样的问题。这是我解决它的方式：

首先安装html-entities：

npm install html-entities

在您的代码中：

import decode from 'html-entities';

console.log(decode(stringToBeDecoded));

【讨论】：

对于未来的读者来说，这对我有用。由于某种原因，根据其他答案将 Html5Entities 作为构造函数导入不起作用。