2015-09-26 46 views
1

我正在嘗試調用xml2json反應。我試過這個代碼http://plnkr.co/edit/ETYguAH2ZS3ePkiGndyD?p=preview。我基本上想從xml2json文件中調用getVersion函數。我知道我做錯了什麼,我不會假裝我知道我在做什麼。那麼正確的方法是什麼?從反應調用xml2json

<!DOCTYPE html> 
<html> 

<head> 
<script data-require="[email protected]*" 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> 

感謝

回答

0

渲染功能應該看起來更像這一點。在xm2json.js中,你聲明瞭一個全局變量var x2js = new X2JS();。你可以從你的渲染函數中訪問這個對象及其方法。

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

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