AntDesign（リアクト）-15成分の定義を学習、接続、インターフェース

一般的習慣を符号化するために使用されるが、他の文書または例を参照しているが、文言の一部がケースに精通していない非常にいくつかの異なる表現を整理同じ機能を達成するために使用見

1、@ConnectとDVA接続

インポートは、「反応」から、{小道具}を反応させ;
インポート{ボタン、入力}「antd」。
インポート{接続}「DVA」。
// @connect（（）=>（{ "年齢"：111}））
クラスデモ{React.Componentを拡張します
  コンストラクタ（小道具）{
    スーパー（小道具）。
  }
  {レンダリング（）

    リターン（<div> { この .props.age} </ div>）。
  }
}
// エクスポートデモデフォルトに、 
エクスポートデフォルト接続（（）=>（{「年齢」：111 }））（デモ）;
 // 擬似コードのブロックを解釈すべきブレースオブジェクトが矢印直接返す関数である場合、オブジェクトがなければなりませんエスケープに類似の外側の括弧は、デフォルトの矢印の機能そのものを返します

機能矢印：機能は、場合にのみ、1行の矢印、暗黙のリターンを表示します。矢印を伴う場合には{}関数は、それが一つのラインであっても、宣言され、それが暗黙のリターンを持っていません。

2、コンポーネント定義、主に3つの種類、例

クラステストコンポーネント{延び

機能テスト（小道具）{

クラステスト{PureComponentを拡張します

機能テスト<P>（paramsは？：任意）{

CONSTテスト：React.FC <TestProps> =（小道具）=> {

記事へ次の二つのリンクを参照してください。

https://www.jianshu.com/p/2d00885a6d59

https://www.cnblogs.com/V587Chinese/p/11520674.html

3、小道具を定義するためのインタフェースの属性はthis.props.dispatchが赤エディタという問題を抱えている解決することができます

'Reduxの' からインポート{AnyAction}。

エクスポートインタフェースUserPropsは<AnyAction>ディスパッチを拡張します{
  派遣：派遣 <AnyAction> 。
}

クラスのユーザーが延びReact.Component <UserProps>  
.......

問題は、Red上記の3つのステップによって解決しました

AntDesign（リアクト）-15成分の定義を学習、接続、インターフェース

おすすめ