2016-07-19 8 views
0

"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> 
+0

JavaScriptプラグインを使用しているようですが、JavaScriptプラグインを使用しているか、ブラウザがデフォルトでこれらの警告を表示しています。どのブラウザを使用していますか?デバッグフラグを有効にしていますか?あなたのコードには何も問題はありません。 –

+0

私はfirefoxを使用していますが、デバッグフラグが有効になっているとは思われません。 –

+0

私はbabelコアだけでjsxを解析できるかどうかわからないので、 'babel-preset-react'プラグインが必要です。 –

答えて

2

これは、Firefoxの開発者コンソールのデフォルトの動作では無視してください。 Chromeコンソールなどの高度なデバッグ環境では、このような警告は表示されません。あなたは、このボタンをクリックすることで、Firefoxでスクリプトのリンティングを無効にすることができます

enter image description here

A「警告」を単にそのです:コードの構文を使用して、潜在的な問題があるかもしれないと警告が。この場合、警告は無害で、サードパーティのスクリプトから来ているため、警告を行うことはあまりありません。特に第二のものは、本当に有名なコードスタイルです。

関連する問題