ドキュメント: Redux 中国語ドキュメント 公式の Redux ドキュメントでは、Redux を「予測可能な JavaScript アプリケーション状態管理コンテナー」と定義しています。 1. reduxとreactの関係Redux は、React アプリケーションの状態管理を提供するだけでなく、他のフレームワークもサポートします。 React は DOM (UI ライブラリ) の抽象化レイヤーであり、Web アプリケーションの完全なソリューションではありません。したがって、データ処理やコンポーネント間の通信に関しては、React の方が複雑になります。 大規模で複雑なアプリケーションの場合、これら 2 つの側面が最も重要になります。そのため、React のみを使用して大規模なアプリケーションを作成することは困難です。 redux の利点: アプリケーションのステータスを一元的に保存および管理する コンポーネント通信の問題に対処するときは、コンポーネント間の階層関係を無視する 大規模で複雑なアプリケーションにおけるコンポーネント間の通信を簡素化 データフローが明確でバグを見つけやすい 2. Reactのマルチコンポーネント共有すべてのコンポーネントの状態を抽出し、React コンポーネント ツリーに倣って集中型の状態ツリーを構築します。この状態ツリーは React コンポーネント ツリーと 1 対 1 で対応しており、React コンポーネント ツリーのステートフル モデリングに相当します。 ├── 出典 ├── store # reduxディレクトリ、一般的にはstoreと呼ばれる │ ├── index.js # ストアを定義してエクスポートします。リデューサーはインポートされます │ └── Reducer # リデューサー関数 ├── App.js # ルートコンポーネント、Father および Uncle コンポーネントをインポート 1. Reduxはコンポーネント階層を無視できる 2. コンポーネントシステムでは、reduxはサードパーティのグローバル「変数」です。 3. reduxの3つのコアコンセプトコアコンセプト: 1. 保存するストアは、アクションとリデューサーを統合した、Reduxのコアとなる倉庫であり、vuexのストアに似ています。 特徴:
'redux' から {createStore} をインポートします。 // ストアを作成する const ストア = createStore(リデューサー) 2. アクション
特徴:
const action1 = { タイプ: 'addN'、 ペイロード: 12 } //ストア.ディスパッチ(アクション1) const action2 = { タイプ: 'add'、 ペイロード: 1 } 3. リデューサー(純粋関数)効果: 1. 初期化状態 2. ステータスを変更する 状態の変更: 渡された古い状態とアクションに基づいて新しい状態を返します。 初期状態 = 0 関数リデューサー(状態 = initState, アクション) { 状態を返す } 要約するこの記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
>>: コンテンツタイプの説明、つまりHTTPリクエストヘッダーのタイプ
現在、インターネット上でウェブサイトをコピーすることは非常に一般的です。では、他人が私たちのウェブサ...
bmi ボイジャーピッチフォークアルスター食料品店チャウ真/斜めポスタこれは偽のDIYですクリエイテ...
概要: HBase には、ユーザーに管理、分析、修復、デバッグ機能を提供するための多くの操作および保...
NetEase Blog でコードを使用する方法: まずブログにログインし、ブログのホームページの左...
水平線<hr /> タグを使用して、現在の位置に水平の分割線を描画します。例: XML/...
幅と高さを直接使用することはできません。 display:block; または display:in...
MySQLではisnull()関数をnull値の代わりとして使用することはできません。次のように:ま...
以前にも紹介しました: docker (一般的なアプリケーションのデプロイ): docker dep...
1. 設置前の清掃 rpm -qa | grep jdk rpm -qa | grep gcj yu...
効果: css: .s_type { 境界線: なし; 境界線の半径: 5px; 背景色: #f3f...
みなさんこんにちは。今日は、純粋な CSS を使用して Google マテリアル デザインのテキスト...
mysql 5.7.21 winx64 のインストールと設定方法: MySQLのコミュニティバージョ...
この記事では、Linux MySQL 8.0.18のインストールと設定のグラフィックチュートリアルを...
この記事の例では、参考までに貪欲なスネークを実装するためのJavaScriptの具体的なコードを共有...
Vue2 の記述スタイルから Vue3 の形式に切り替えると、記述スタイルとコード構造にいくつかの変...