0
htmlからjsxファイルを参照しようとしていますが、レンダリング機能に何も表示されず、コンソールにエラーもありません。htmlでjsxファイルを参照すると、リアクションメソッドが動作しない
*注 - 私は以下のfb CDNリンクを変更しました。 CDNリンクは問題ではありません。
私のコードは次のようになります。
HTML
<html>
<head>
<script src="https://f*b.me/react-0.14.6.js"></script>
<script src="https://f*b.me/react-dom-0.14.6.js"></script>
<script src="http://f*b.me/JSXTransformer-0.12.1.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
<div class="container">
<div id="loggedin"></div>
</div>
<script type="text/babel" src="js/script.jsx"></script>
</body>
</html>
JSX
var App = React.createClass({
render: function() {
return(
<h1>Hello</h1>
)
}
});
ReactDOM.render(<App />, document.getElementById('loggedin'));
これを追加？ –
@phantom指摘してくれてありがとう。それを更新しました！ –