プロジェクトがインポートパッケージの問題の概要を確立するために反応します

1.reactパッケージと反応し、DOM

Webページを開発反応し、我々は必然的に1が反応し、DOMコアコードを反応させる反応である、ある、1は反応し、二つのパッケージをダウンロードします使用します。核となるアイデアは、仮想ドムが反応することを、実際には、仮想ドムの変化はそれほど複雑ではない、単に、例えば、DOMが含まれているものを、次のコードを表現するためのjsオブジェクトです。

VAR要素= {
     "tagNameを"： "DIV" 、
     "ATTRS" ：{
         "スタイル" {
             "のfontSize"： "20ピクセル" 
        } 
    }、
     "子供" ：[ 
        {
             "tagNameを"： "スパン" 、
             "子供"： [ "こんにちは、世界" ] 
        } 
    ] 
}

これは、spanタグ内のdivタグを表現し、オブジェクト全体が自分自身を書くことでない場合は、テキストノードのテキストであるラベルがあまりにも面倒になり、「こんにちは、世界ですので、パックはの生成された仮想DOMを取得する反応しますreact.createElement機能、およびコンポーネントこのクラスは、DOM私たちを助けるために仮想を表し、コンポーネントを作成するために、私たち自身のクラスを書くには、コンポーネントを作成する方法については、以下を参照してくださいする場合、このクラスを拡張する必要があるコンポーネントを作成するには3つの方法で反応します。シニア主に継承されたいくつかの方法が反応し、パケットコア機能が反応し、DOMをこれらの仮想ドムは実用的なDOMに文書をレンダリングすることで、当然のことながら、追加機能のレンダリングに加えて、他の方法はずっとここでは、ありません彼は言いました。

2.babelコアパッケージとバベルローダー

JSX文法我々は、ブラウザが知らないしたいので、私たちは、私たちはバベルコアはエスケープAPIを提供するために、JSの構文にコンパイルJSX文法をパック助けるためにバベルコアとバベル・ローダーの助けを必要とし、バベル・ローダーがあるため、 WebPACKの完全脱出ツールのバベルコアAPIを呼び出すために使用されます。

ここでの焦点：バベルコアとバベル・ローダーは、それ以外の場合はエラーになり、インストールに対応しなければならないときなどのWebPACK包装、：

バベルコアバージョン	コンパチブル	バベル・ローダバージョンに対応
6.0	それはあります	7.0
7.0	それはあります	8.0
6.0	ノー	8.0

3.react-ルータ和反応-ルータ-DOM

質問：使用して、我々はルートを使用する必要がある場合は、その後、反応するルータを、反応し、反応-ルータ-DOMは2つの参照が何をすべきではないでしょうか？
いや、ここでピット。ライン上のそれらの二つ限り参考として、違いは、後者は、そのような構成要素の複数の<link> <BrowserRouter> DOMクラスであるということです。
だから我々は、単に反応するルータ-DOMのためにパッケージをライン上に、特異的に反応するルータ-DOMの使用を参照し、参照の詳細を使用するようにルータを

プロジェクトがインポートパッケージの問題の概要を確立するために反応します

おすすめ