时间戳

首页 > 解决方案 > 如何使用 React 在 HTML 中显示 Wiki 页面

reactjs - 如何使用 React 在 HTML 中显示 Wiki 页面

问题描述

所以我的目标是使用 React 在我的网页中显示来自维基百科的页面。我只有一个想法可以做到这一点，那就是：

第一步我已经成功完成，但是第二步有问题。

我从 npm(xml-loader) 找到了 xml-parser：https ://www.npmjs.com/package/xml-loader 。但它只给了我以下字符串：“/ static/media/ wiki.c6730c07.xml ”。知道有人更好的方法来做到这一点，或者如果你说我走对了，那就太好了。我在 React 中的代码是：

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
var wiki = require('./wiki.xml');

class App extends Component {

  render() {

    return (
      <div className="App">
        {wiki}
      </div>
    );
  }
}

export default App;

标签： reactjs

解决方案

所以，我发现，要做这样的事情，我必须使用“xslt”，在那里我可以从“.xml”获取数据并以我想要的方式显示它们。重要的是在 xml 和 xslt 之间创建一个引用。这是树链接，您可以在其中看到它的示例：

  1. https://www.youtube.com/watch?v=Zn9A5k23Oto
  2. https://www.youtube.com/watch?v=Icg0Su5uEa8
  3. https://www.codeproject.com/Articles/12047/How-to-Convert-XML-Files-to-HTML

但最后一个问题是：我想在它的页面上准确地显示来自 Wiki 的数据，这可能吗？

如果有人知道答案，请写提示。

推荐阅读