Question

我试图从反应中调用xml2json。我尝试了这段代码http://plnkr.co/edit/ETYguAH2ZS3ePkiGndyD?p=preview。我基本上想从xml2json文件中调用getVersion函数。我知道我做错了什么，我不会假装我知道自己在做什么。那么哪种方式正确？

<!DOCTYPE html>
<html>

 <head>
<script data-require="jquery@*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="xml2json.js"></script>

<body>
<div id="root"></div>
<script src="https://fb.me/react-0.13.3.js"></script>
<script src="https://fb.me/JSXTransformer-0.13.3.js"></script>
<script type="text/jsx">
  var Card = React.createClass({
    getInitialState: function() {
      return {};
    },
    componentDidMount: function() {
      var component = this;
      $.get("http://www.w3schools.com/xml/note.xml", function(data){
        component.setState(data);
      })
    }, 
    render: function() {
      return (
        <div>
          ...
          <h3>{this.getVersion()}</h3>
          <hr/>
        </div>
      );
    } 
  });

  var Main = React.createClass({
    render: function() {
      return (
        <div>
            <Card login="andreicvasniuc27"/>
        </div>
      )
    }
  })

  React.render(<Main />, document.getElementById("root"));
</script>

由于

Answer 1

你的渲染功能应该更像这样。在xm2json.js中，您声明了一个全局变量var x2js = new X2JS();。您可以从渲染功能访问此对象及其方法。

    render: function() {
      return (
        <div>
          ...
          <h3>{x2js.getVersion()}</h3>
          <hr/>
        </div>
      );
    }

http://plnkr.co/edit/B70pQakkRCkzvGty7PLh?p=preview

从react调用xml2json

1 个答案: