"react-container"というIDのdivタグにhelloを表示する簡単な反応レンダリング機能を作成しました。唯一の問題は、私は react.jsにbabelを使用したときの警告メッセージを理解しようとしています
到達不能コードreturnステートメント
または
[[プロトタイプ]]の変異後
のようにコンソールに警告メッセージを得続けることですオブジェクトを使用すると、コードが非常に遅く実行されます。代わりObject.create
を使用して、正しい初期 [[プロトタイプ]]値がこのすべては、私はドキュメントに挿入バベルコアbrowser.jsスクリプトから来ている。でオブジェクトを作成します私は私が何か間違ったことをやって、それが何を意味するのかを把握しようとしている、または私はちょうどそれ
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>REACT 1</title>
<script src="react-15.2.1.js"></script>
<script src="react-dom-15.2.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>
</head>
<body>
<div id="react-container">
</div>
<script type="text/babel" >
ReactDOM.render(<h1>hello</h1>, document.getElementById('react-container'));
</script>
</body>
</html>
JavaScriptプラグインを使用しているようですが、JavaScriptプラグインを使用しているか、ブラウザがデフォルトでこれらの警告を表示しています。どのブラウザを使用していますか?デバッグフラグを有効にしていますか?あなたのコードには何も問題はありません。 –
私はfirefoxを使用していますが、デバッグフラグが有効になっているとは思われません。 –
私はbabelコアだけでjsxを解析できるかどうかわからないので、 'babel-preset-react'プラグインが必要です。 –