javascript - Reactの上位コンポーネントを使用する場合、新しく展開されたstateとpropsは最下位コンポーネントに戻って実装する必要がありますか?これには何の意味があるのでしょうか？

Mixin の代わりに高次コンポーネントが使用されますか?インターネット上の情報を確認したところ、上位コンポーネントの中心的なアイデアはコンポーネントの関数メソッドを拡張することであると書かれていましたが、最終的に拡張された新しい props や state はまだコンポーネントに渡さなければならないのではないでしょうか。実装のための最低レベルの制御?これは奇妙だと思いませんか？明らかに拡張後ですね…

迷茫 2017-05-19 10:39:54 0  1  581

javascript - 子コンポーネントは親コンポーネントのカスタム イベントをトリガーしますが、親コンポーネントは応答しません。

以下がサブコンポーネント @change='showChange' がサブコンポーネントイベントです 以下のテンプレートがオーダー型コンポーネントとして登録されています {code...} 以下がサブコンポーネントのメソッドです: {code..以下は親コンポーネント {code...} ですが、alert(2) は実行されません

大家讲道理 2017-07-05 11:03:26 0  3  1028

javascript - Vue でサブコンポーネントから親コンポーネントにパラメータを渡す方法

背景: Vue+ES6 では、親コンポーネントが作成された後に子コンポーネントが呼び出され、onclick イベント トリガーが基になるコンポーネント (子コンポーネントの子コンポーネント) にカプセル化されています。親コンポーネントにイベント バインディングはありませんか? 親コンポーネントはパラメータを渡しますか?

给我你的怀抱 2017-05-19 10:20:59 0  8  831

vue3 js コンポーネント: コンポーネントが更新されていません

API からデータを収集するコンポーネントがあります。 API から返されるデータは、詳細を含む配列です。配列内の値の 1 つはレンダリングされるコンポーネントのタイプであり、他のすべてのデータはコンポーネントに渡されます。データベースから返された値に基づいて正しいコンポーネントをレンダリングしようとしていますが、残念ながら機能しません。私は Vue を初めて使用しますが、vue2 では動作しますが、コンポジション API を使用して Vue3 でも動作したいと考えています。これは置き換えたいコンポーネント コードです: <component:is="question.type...

P粉779565855 2024-02-25 14:50:02 0  2  494

配列をコンポーネントに渡す

React は初めてなので、次の点で助けが必要です。コンポーネントをレンダリングするために配列リストを受け入れるコンポーネントがあり、配列でレンダリングされたコンポーネントを操作するには別のコンポーネントが必要です。ここで、API 呼び出しを介して配列を渡す必要があります。 現在、次のモック データを渡しています:exportconstmockData=[{title:'ABC',value:'$7,999',diff:

P粉006540600 2023-08-15 17:00:37 0  1  600

javascript - vue 内の 1 つのコンポーネントが別のコンポーネントのイベントをより適切にリッスンするにはどうすればよいですか?

親コンポーネント APP の下に 4 つのルーティング コンポーネント A、B、C、および D があります。これら 4 つのルーティング コンポーネントの下には、それぞれサブコンポーネント A1、B1、C1、および D1 があります。アプリの下には E コンポーネントもあります。これらのコンポーネント A1、B1、C1、および D1 をクリックすると、E コンポーネントのメソッドがトリガーされ、対応するパラメーターが E コンポーネントのメソッドに渡されます。さて、私の方法は...

習慣沉默 2017-06-14 10:53:44 0  1  694

JavaScript - カスタム サブコンポーネントが親コンポーネント データを受け取る、v-for を使用して複数のサブコンポーネントをレンダリングする方法

コードから始めましょう。現在、子コンポーネントに 4 つのオブジェクトが渡されています。v-for を使用して 4 つの子コンポーネントをレンダリングするにはどうすればよいですか? v-for は親コンポーネントのテンプレートに配置する必要がありますか? それとも子コンポーネントに配置する必要がありますか?

PHP中文网 2017-05-19 10:44:00 0  1  656

javascript - vue2.0 サブコンポーネントは $parent.$emit と $on を使用して親コンポーネントと通信し、エラーを報告しますか?

これは子コンポーネントであり、これは親コンポーネントです。vue2.0 では events 属性が非推奨になっているため、子コンポーネントのクリック イベントが親コンポーネントにどのようにバブルアップするのか、親コンポーネントはいつこのイベントをリッスンしてトリガーする必要がありますか? 。子コンポーネントのクリックイベントの下に this.$parent.$... を渡してみます。

仅有的幸福 2017-05-19 10:32:24 0  1  780

javascript - vue.js コンポーネント開発モデルで、このコンポーネントとそのサブコンポーネントにのみスタイルを適用する方法。

スコープが使用されている場合、スタイルは現在のコンポーネントにのみ影響し、そのサブコンポーネントには影響しません。設計上の問題が原因で、異なるサブコンポーネント間で多くのスタイルが共有されることがあります。スタイルが適用できるかどうか専門家に尋ねたいです。このコンポーネントと他のサブコンポーネントにのみ適用されます。

怪我咯 2017-05-18 10:51:18 0  1  987

javascript - vue2.0 は、複数の同一のコンポーネントを動的にロードし、コンポーネント内のデータに異なる値を入力し、最後ではないコンポーネントを閉じるときに、破棄された値が最後のコンポーネントの値になります。

Vue2.0 は複数の同一コンポーネントを動的にロードし、コンポーネント内のデータに異なる値を入力します。最後ではないコンポーネントを閉じるときに、破棄された値が最後のコンポーネントの値になります。コンポーネントのロード方法: コンポーネントは配列であり、カスタム イベントを通じてレンダリングするコンポーネントを取得し、コンポーネントにプッシュします。 &lt;com...

黄舟 2017-07-05 11:00:36 0  1  1426

javascript - VUE 親コンポーネント モデルが変更された後、子コンポーネントに渡される props が変更されないのはなぜですか?

VUE 親コンポーネント モデルが変更された後、子コンポーネントに渡される props が変更されないのはなぜですか?親コンポーネント {コード...} 子コンポーネント {コード...} テスト メソッドをクリックした後、親コンポーネントのバナーを変更しましたが、バナーがサブコンポーネントに渡された後、サブコンポーネントのモデルが変更されないのはなぜですか?

習慣沉默 2017-05-19 10:30:47 0  2  706

入力値の状態を親コンポーネントから子コンポーネントに渡す React メソッド

配列全体をマップし、さまざまな子コンポーネントの反復を出力する親コンポーネントがあります。親コンポーネントの状態にアクセスしようとしていますが、子コンポーネントから「inputValue」の正しい状態を抽出して親コンポーネントに配置する方法がわかりません。理想的には、inputValue 状態と isValidated 状態の両方が親コンポーネントに存在し、さまざまなフォームベースの関数で使用できるようにしたいと考えています。親コンポーネント: importReact,{useState}from'react';import

P粉300541798 2023-09-17 00:11:51 0  1  713

javascript - vue では、親コンポーネントがインスタンス化された後、子コンポーネントもインスタンス化されますか?

Vue では、親コンポーネントがインスタンス化された後、子コンポーネントもインスタンス化されますか?そうでない場合、サブコンポーネントをインスタンス化する方法

给我你的怀抱 2017-05-19 10:44:40 0  1  596

子コンポーネントは、id パラメーターを含む関数を親コンポーネントに渡すことができますか?

Reactを使用して、子コンポーネントから親コンポーネントにidパラメータを持つ関数を渡すことは可能ですか?関数をプロパティとして親コンポーネントに渡そうとしています。コンポーネント ソリューションは、アプリ コンポーネント -> タスクリスト コンポーネント -> タスク コンポーネントです。したがって、特定のタスクをクリックしてそのタスクにルーティングし、その個別の ID を使用する必要があります。重要なのは、URL をクリックしてタスクにルーティングすると、/task/009 に変更されますが、タスク コンポーネントはレンダリングされないということです。 https://co...

P粉550323338 2024-03-20 10:58:24 0  1  464

javascript - vueでのコンポーネント分割と組み合わせ使用の問題

私は Vue を初めて使用します。現在、グリッド コンポーネントとダイアログ コンポーネントを使用して小さな演習を行っています。グリッドの各行に削除ボタンがあり、クリックすると、削除するかどうかを確認するポップアップ ウィンドウが表示されます。グリッドコンポーネントは以下の通りです: ダイアログコンポーネントは以下のようになります: App.vueでvueインスタンスを作成し、グリッドコンポーネントを導入します さて、ダイアログをどうすべきかわかりません...

漂亮男人 2017-05-19 10:37:17 0  1  620

あるコンポーネントから別のコンポーネントにドキュメント ID を渡す方法

あるコンポーネントでドキュメントを作成し、その ID を別のコンポーネントで使用したい 別のコンポーネントでドキュメント ID を使用する方法

P粉821231319 2024-03-20 08:43:56 0  1  506

別のコンポーネント内で Vue コンポーネントを動的にレンダリングする

Vue3.2.41-@heroicons/vue2.0.14-inertiajs1.0-vite4.0.0 を使用して、これを使用して Vue コンポーネントを呼び出しています。 コンポーネントは次のようになります: <template><component:is="icon"/><! -- 動作しません --><CalendarDaysIcon/><!--動作します-->&

P粉764003519 2023-08-30 20:51:07 0  2  584

javascript - vue2.0の子コンポーネントはデータを親コンポーネントに渡すだけですか?

これが親コンポーネント、これがサブコンポーネントです。効果を説明します。「All」、「Recommend」、「Tucao」をクリックして selectType の値を変更し、選択したボタンの背景を切り替えます。 「チェックマーク」をクリックして選択を表示し、選択を解除すると、サブコンポーネントの selectType とonlyContent の 2 つの値が表示されます...

给我你的怀抱 2017-05-19 10:34:07 0  2  799

React コンポーネント ライブラリ + SASS モジュール性

React コンポーネント ライブラリの開発を始めており、他の非 React プロジェクトと共有している SCSS コードの一部を再利用したいと考えています。これを実現するために、React コンポーネントで SASS モジュールを使用しようとしています。単純な使用例は問題なく機能しますが、コンポーネント ライブラリを作成しているため、ボタンなどの特定のコンポーネントに複数のスタイルの組み合わせが必要です。さて、ボタンコンポーネントに問題があります。このコンポーネントは非常に単純ですが、3 つの異なるバリアント値があります。これは Button.tsx ファイルです: importReactf...

P粉818306280 2024-03-26 21:31:03 0  2  441

Vitest で React コンポーネントをシミュレートする

子コンポーネントがモックされるときに、親コンポーネント内の子コンポーネントが正しい props を使用して正しく呼び出されることをテストするにはどうすればよいですか。エラーが発生します: RangeError: Maximumcallstacksizeexceeded 私の vitest 構成: importsvgrfrom'vite-plugin-svgr'import{defineConfig}from'vitest/config'importtype{UserConfig}from'vitest/c

P粉547420474 2024-01-16 11:10:45 0  1  553