React.起動js(1)

React.js

React.jsはJSライブラリであり、JavaScriptをより効率的かつ効率的に使用できます.

vanillaJSにreactがあります.jsのライブラリや構文は存在しないため、importでインポートします.
import reactは、リトラクトグループからなるリトラクトライブラリをインポートします.
importRealtDOMは、インポートしたライブラリを実際に使用できる構文です.

JSX

既存のvanillaJS文法でHello world!オフセットの場合は、次のコードを入力します.

const makeH1 = document.createElement("h1");
    document.querySelector("body").appendChild(makeH1);
    document.querySelector("h1").innerHTML = "Hello world";

ターゲットを見つけるために、コードの重複を表示するには、類似のDOMを使用します.でも、React.jsのJSXはこれらの不便を解決しやすい:

ReactDOM.render(
    <h1>Hello world</h1>
    ,document.getElementById("root"));

ReactDOM.renderの最初のpropertyは何を実現するか、2番目はどこで実現するかを設定します.重複するコードが減少するため、効率が高く、既存のhtml構文を用いてより直感的なコード解析を行うことができる.
JSファイルではHTML構文を使用できますので、以下のように構成されています.