ホームページ > ウェブフロントエンド > フロントエンドQ&A > リアクションはスパですか?

リアクションはスパですか?

藏色散人
リリース: 2022-10-25 17:30:00
オリジナル
1461 人が閲覧しました

react はスパ モード、つまりコンポーネントの入れ子です。その主なパラメータ受け渡しメソッドは次のとおりです: 1. マウントされているコンポーネントにパラメータを渡します。2. 親から子にパラメータを渡します。パラメータを渡すには props または ref を使用します。 ; 3. 息子から父にパラメータを渡す、つまり子コンポーネントは親コンポーネントのメソッドをトリガーすることで親コンポーネントの状態を変更します; 4. 兄弟からパラメータを渡す、つまり変更しますパブリックコンポーネントの状態を変更することによる子コンポーネントの状態 5. 遠い親戚間のパラメータの受け渡し、つまり Redux を介したパラメータの受け渡し。

リアクションはスパですか?

このチュートリアルの動作環境: Windows7 システム、react18.0.0 バージョン、Dell G3 コンピューター。

#react はスパですか?

react は SPA モード、つまり コンポーネント ネスティングです。単一ページ アプリケーションでは、コンポーネント間の値の転送が不可欠です。主なメソッド渡すパラメータは次のとおりです:

1. マウントされているコンポーネントにパラメータを渡します

ReactDOM.rander(,app) レンダリング時に、マウントされたコンポーネントにパラメーターを直接渡します。

2. 親子パラメータの受け渡し

親子パラメータの受け渡しは props と ref の 2 つの方法で行うことができます ①. props モードでパラメータを渡す 親コンポーネントは自身のパラメータを変更しますそして、props.サブコンポーネントを介してステータスをプロパティに渡し、サブコンポーネントに表示されます。 ② ref でパラメータを渡す 子コンポーネントが自身のメソッドで自身の状態を変更した後、親コンポーネントが子コンポーネントのメソッドをトリガーしてパラメータを変更する方法です。

3. 息子から父へパラメータを渡す

子コンポーネントは、親コンポーネントのメソッドをトリガーすることで、親コンポーネントの状態を変更します。兄弟から兄弟への

兄弟パラメータの受け渡しには 2 つのタイプがあります。1 つは状態昇格によるもので、パブリック コンポーネントの状態を変更してからサブコンポーネントの状態を変更します。もう 1 つは、参照渡しパラメータによるもので、元の状態。

5. 遠い親戚間のパラメータ転送

パラメータ転送を支援するために redux を使用することは、通常、プロジェクトとのやり取りが多い場合の使用に適しています。実際にはプロジェクトの数が増加しますが、複雑なので、使用するかどうかわからない場合は redux を使用しないでください。

関連紹介:

シングル ページ Web アプリケーション (SPA) は、Web ページが 1 つだけあるアプリケーションです。単一の HTML ページと動的にロードする Web アプリケーションです。ユーザーがアプリケーションを操作するとページが更新されます。

—— 「百度百科」

SPAという概念は昔からありますが、簡単に言うと、Webサイトが何ページあっても、1つにまとめてしまうということです。あなたのためのページ。

SPA はページを更新せず、部分的な更新のみを実行します。つまり、初めて Web サイトを開いたときにページ全体をロードする必要がある場合を除き、サイト内での後続のジャンプはすべてページをリロードするのではなく、現在のページを部分的に更新してページ切り替えの効果を実現します。

想像してください。Web サイトには元々 a と b の 2 つのページが必要ですが、今はインデックスだけを作成し、a と b の 2 つのページのすべての HTML フラグメントをインデックスに書き込み、表示するときに、 js を介して現在の URL を表示します。/a の場合は、もともと a に属していた html フラグメントのみを表示します。同様に、/b の場合は、b の html フラグメントを表示します。

推奨される学習: 「

react ビデオ チュートリアル

以上がリアクションはスパですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート