[解決済み] react.jsで状態の変化を聞くには?
2022-04-14 03:46:05
質問
アンギュラーの$は何ですか? 時計 は、React.jsの関数に相当しますか?
状態の変化をリスニングして、getSearchResults()のような関数を呼び出したいのですが。
componentDidMount: function() {
this.getSearchResults();
}
解決方法は?
Angularは使ったことがないのですが、上のリンクを読むと、処理する必要のないものをコード化しようとしているようですね。Reactのコンポーネント階層でstateを変更すると(this.setState()で)、Reactはコンポーネントを再レンダリングさせます(効果的に変更を「リッスン」します)。 もし、階層内の別のコンポーネントから「リッスン」したい場合は、2つのオプションがあります。
- 共通の親から(propsを介して)ハンドラを渡して、親の状態を更新させ、親の下の階層を再レンダリングさせる。
- あるいは、階層を下るハンドラの爆発を避けるために フラックスパターン これは、状態をデータストアに移動させ、コンポーネントがその変更を監視できるようにするものです。そのため Fluxxorプラグイン は、これを管理するのに非常に便利です。
関連
-
Vueの「データを聴く」原則を解説
-
[解決済み】awaitは非同期関数でのみ有効です。
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] JavaScriptのオブジェクトをループスルーまたは列挙するにはどうすればよいですか?
-
[解決済み] callとapplyの違いは何ですか?
-
[解決済み] JavaScriptで複数行の文字列を作成する
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Vueがechartsのtooltipにクリックイベントを追加するケーススタディ
-
JavaScriptのクロージャの説明
-
Vueのイベント処理とイベントモディファイアの解説
-
Vueのフィルタの説明
-
[解決済み】React - uncaught TypeError: 未定義のプロパティ 'setState' を読み取れない
-
[解決済み】Node.jsで "Cannot find module "エラーを解決するには?
-
[解決済み】React - TypeError: 未定義のプロパティ 'props' を読み取ることができない。
-
[解決済み】(Google Map API) Geocodeは以下の理由で成功しませんでした。REQUEST_DENIED
-
nodejs unhandledPromiseRejectionWarning メッセージ
-
フロントエンド null のプロパティ 'disabled' を読み取れない 問題が解決された