React.起動js(1)
1433 ワード
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構文を使用できますので、以下のように構成されています.
Reference
この問題について(React.起動js(1)), 我々は、より多くの情報をここで見つけました https://velog.io/@ubermensch0608/React.js-시작하기1テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol