基本的な使い方はJSX反応します

、コンポーネントを構成するJSコンポーネントアセンブリ、HTML、CSSされ、コンポーネントは、コンポーネント(ビューは、ビュー層のFacebookのライブラリ(ライブラリ)である)REACT JSXを作成するための構文を書かれています。

ダウンロードは、LIBファイルを反応させます

ダウンロードするBootCDN公式サイト

インポートドキュメント

 

コンポーネントの作成

低最初のバージョン

機能アプリ({//コンポーネントオブジェクトは大文字でなければならない最初の文字&& VARアプリ= createClass({レンダリング{}}

小さな括弧があるとリターン(//は、つまり、ページがデータの内容を示し、注意を払うコンポーネント宣言HTML構造を返します。

<div> //ラベルのみをラップすることが可能

<P>ハロー反応</ P>

<HelloWorldの/> //コンポーネント間を入れ子にすることができます

CSSスタイルの定義を反応させます

1. <DIVクラス名= ""> CSSスタイル</ div>

{2}インラインスタイルオブジェクトが解析された:<DIV CLASS = {{色 "赤"}}>括弧内の表JSONオブジェクト</ div>

3.グローバル変数:<DIVスタイル= {COL}>グローバルスタイル</ DIV>、プロトタイプチェーン<DIVタイプ= "this.col">プロトタイプスタイル</ div>

</ div>

})

App.prototype.col = {色: "BULE"}プロトタイプチェーン

 

高2番目のバージョン

CONST {Connponent} =反応します。クラスアプリケーションは、コンポーネント{()}延び

クラスアプリReact.Componentを{(延在し

コンストラクタ(小道具){

スーパー(小道具)

}

{レンダリング()

(戻ります

}

)}

 

 

レンダリングレンダリング

ReactDOM.render(<APP />)、document.ElementById( 'ボックス')//パラメータは、コンポーネントを示し、パラメータは、二つのローディング位置を表します

 

おすすめ

転載: www.cnblogs.com/guqzhoublog/p/11265689.html