特長を反応させます:
ステートメントの設計、JSXは、ユーザインタフェースを記述するために推奨される、建築要素、一方向レスポンス・データ・ストリーム。
JSX:JSXはJAVASCRIPTは、要素が反応する、JSXは、要素宣言に使用される反応構成する最小単位である構文拡張の一種です。
1.属性を指定します。属性値が文字列であるようJSXの引用符を指定することができます; constの要素= <DIVのTableIndex = "0"> </ div>
JSXは、JavaScriptの属性値の式を定義するために使用することができるブレース; constの要素= <DIV>、{名前} </ div>キャメルケース小さいです。
2.ネストされたスキーム:JSXと同様にHTML、閉鎖タブが互いに内にネストすることができます。
constの要素=(の<div> <IMG SRC = "***" /> </ DIV>)
3式を使用して:JavaScriptで任意の式JSXで使用することができるが、ブレースに、外部小さなを添加しながら、自動的にバグがセミコロン防止するために挿入されたJSXコードを括弧。
CONST要素=(<DIV> <H1> {HI、{フォーマット(CREATETIME)}} </ H1> </ div>)
これは、内部のために使用することができる場合や、彼はパラメータとして、または戻り値として渡され、変数に代入されます。
1つの 関数gettingData(ユーザ){ 2 であれば(ユーザ){ 3 リターン <H1>こんにちは、{フォーマット(ユーザ)} </ H1> 4 } 他{ 5 リターン <H2>こんにちは、見知らぬ人!</ H2> 6 } 7 }
4.アンチインジェクション攻撃:レンダリングする前に、すべてのコンテンツを文字列に変換され、これが効果的にXSSを防ぐことができます。
図5は、オブジェクトを表す:バベル翻訳JSXがReact.createElement(命名法)呼び出しに変換されます。
このように、次の二つの段落:
constの要素=(の<div> <H1クラス名= "き">こんにちは</ H1> </ DIV>)
React.createElement( 'H1'、{クラス名: '取得'} 'ハロー')
インストール:
NPMが反応し使用することにより、淘宝網ミラーをインストールします。
NPMインストール- G CNPM - レジストリ= HTTPS ://registry.npm.taobao.org NPM設定をSET レジストリは、HTTPS ://registry.npm.taobao.org
迅速な開発環境を反応させるの構築レコード生成反応するアプリを使用して、レコード生成反応します-appプロジェクトは、自動的にWebPACKの+ ES6に基づいて作成されます。
$ cnpmインストール- グラム作成- 反応- アプリの$作成- 反応- アプリ私の- アプリの$のCDを私の- アプリ/ $ NPM開始