在 react-native 中将 HTML 转换为 JSON

Question

我想将从网络请求收到的 HTML 转换为 JSON，以便我可以轻松读取值。
如果有办法直接从 HTML 读取值，请在评论中告诉我
我找到了这个库：https://github.com/andrejewski/himalaya
但是当我尝试在我的应用程序中运行该示例时，我收到错误 Cannot read property prototype of undefined 所以我认为这个库在 react-native 中不起作用，因为它包含一个核心 Node JS 模块。
这是代码：

import {parse} from 'himalaya'
const html = this.state.html
const json = parse(html)
console.log('????', json)

一些示例 html 可能是：

<div class='post post-featured'>
  <p>Himalaya parsed me...</p>
  <!-- ...and I liked it. -->
</div>

这个 html 的预期输出是：

[{
  type: 'element',
  tagName: 'div',
  attributes: [{
    key: 'class',
    value: 'post post-featured'
  }],
  children: [{
    type: 'element',
    tagName: 'p',
    attributes: [],
    children: [{
      type: 'text',
      content: 'Himalaya parsed me...'
    }]
  }, {
    type: 'comment',
    content: ' ...and I liked it. '
  }]
}]

是否有另一种方法/库可以在 react native 中将 HTML 转换为 JSON？

Answer 1

使用你在 React Native 中提到的包没有问题。鉴于您已遵循所有必需的步骤，一切都会按预期进行：

安装himalaya:

cd project_dir
npm install himalaya

在文件顶部添加所需的import：

import {parse} from 'himalaya';

在代码中某处的state 中设置html 属性，在解析 HTML 结果之前：

this.setState = { html: '<div>Example HTML content</div>' };

使用parse 对象将 HTML 转换为 JSON：

const html = this.state.html;
const json = parse(html);
alert(JSON.stringify(json));

您可以在this Snack 中检查上述代码是否正常工作。