2016-07-24 9 views
2

は、だから私は、任意のヘルプはHTMLとJSXの両方が完全React.jsはレンダリングしていませんか?

(注意下回っている素晴らしいことだいただきました!間違って見ているようだReact.jsを学びますが、HTML

カントにレンダリングの問題があります開始することを決定しました反応するライブラリーへのリンクスタックは、URL Shortners許可doesntのため、ちょうどここにそれらが投稿できるしている)

<!DOCTYPE html> 
<html> 

    <head> 
    <link rel="stylesheet" href="style.css"> 
    <script src="react-15.2.1.js"></script> 
    <script src="react-dom-15.2.1.js"></script> 
    <script src="script.js"></script> 
    </head> 

    <body> 
    <div id="root"></div> 
    </body> 

</html> 

JSX

// Code goes here 

var Button = React.createClass({ 
    render: function() { 
    return (<button> Go < /button>) 
    } 
}); 

React.render(< Button/> , document.getElementById("root")); 
+0

JSXは、ネイティブのJavaScriptの一部ではない、あなたが持っているでしょうそれを通常のJavaScriptに変換してReactで開発できるようにします(あなたがjsx構文を捨てる場合を除きます)。 Facebookは最近、基本的な定型文を設定するジェネレータをリリースしました。そのため、あなたはそれを見ることができます:https://github.com/facebookincubator/create-react-app –

+0

@MatisLepikしかし、私はPlunkerを使って開発しています。ネイティブリアクトサポート – ClarkPamler93

+1

ああ。その場合は、React.renderをReactDOM.renderに置き換えてください。また、

関連する問題