に質問検索_PHP中国語ウェブサイト

コミュニティ

学ぶ

ツールライブラリ

AIツール

レジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

React カスタムコンポーネントの条件付きレンダリングの課題を探る

React アプリケーションのカスタムコンポーネントでの条件付きレンダリングで問題が発生しています。私は、特定の条件が満たされた場合にのみコンテンツをレンダリングする条件付きレンダリング用のカスタムコンポーネントの作成に取り組んできました。これが私の現在のコードです: importReactfrom'react';functionConditionalRenderComponent({condition,children}){return({condition&&children});}

P粉301523298 2023-08-18 15:58:43

Shopware 6 管理: カスタムプラグインコンポーネントから SwProductList の listFilterOptions() を読み取る

バージョン Shopware6.4.20 私のカスタムプラグインは、SwProductDetail をオーバーライドしてコンポーネントをインポートします。インポートされたコンポーネントには、SwProductList の filterOptions が必要です。上記コンポーネントの SwProductList のリストを読み取るにはどうすればよいですか?

P粉615829742 2023-09-18 18:36:26

javascript - vueでカスタムコンポーネントをレンダリングする方法

コードは次のとおりです: cbutton はカスタムコンポーネントです。ケース 1 の場合は正常で問題ありません。ケース 2 の場合、v-html はネイティブコンポーネントのみをレンダリングできます。ケース 2 の場合、動的出力が必要です。この状況は発生しますか? render を使用して解決する必要がありますか? jsx はどうですか? render を使用したことがありません。関数、助けてください。

phpcn_u1582 2017-06-28 09:28:58

React Native Expo カスタムコンポーネントを表示できません

私は初心者なので、カスタムコンポーネントの 1 つは表示されるのに、もう 1 つは表示されない理由がわかりません。ホーム画面: importReactfrom'react';import{View,Text}from'react-native';import{SafeAreaView}from'react-native-safe-area-context';import{ScrollView,TouchableOpacity}from'rea

P粉022723606 2023-08-13 09:58:33

別のカスタムコンポーネントでネストされたモーダルを閉じるにはどうすればよいですか?

別のカスタムコンポーネント内にネストされたモーダルを閉じるにはどうすればよいですか?私のモーダルは別のコンポーネントにあります。親コンポーネントに状態を渡すときに問題が発生します。以下に親コンポーネントと子コンポーネントが表示されます。親コンポーネント: constViewNote=({route,navigation})=>{const[visible,setVisible]=useState(false);functionvisibility(cases){setVisible(cases);con

P粉579008412 2023-09-11 15:50:11

angular.js - カスタム関数で angular コアコンポーネントを使用する方法

{コード...} コントローラーで $scope、$state、$q、$ionicActionSheet を参照することで、これらのシステムコンポーネントを挿入して使用できます。関数をカスタマイズする場合、これらのコンポーネントはどのように使用できますか? {コード...}

阿神 2017-05-15 16:52:33

vue での cypress コンポーネントテスト用のグローバルカスタムディレクティブを登録する

cypress コンポーネントのテストのために vue.js にグローバルカスタムディレクティブを登録する方法はありますか。 main.js ファイルに app.directive('some',(el,binding)=>{{...}) を登録するだけでは問題は解決しません。コンポーネントテストコンポーネントでディレクティブを解析できなかったためです。次のようなローカルレジスタ: mount(SomeComp,{directive:{'some':{...}}) は良い選択ではありません。このディレクティブをすべてのコンポーネントで使用しているため、

P粉529581199 2024-03-26 22:44:23

レンダリング関数を使用してカスタムコンポーネント内のすべての項目をラップする Vue 3 のトリック

独自の並べ替え可能なコンポーネントを構築しようとしています。アイテムのリストをデフォルトのスロットに渡したいと考えています。並べ替え可能なコンポーネントは、渡されたすべての項目をカスタムの v ドラッグ可能なコンポーネントでラップする必要があります。 <v-sortablehandle=".handle"><template:key="index"v-for="(item,index)initems"><some-co

P粉926174288 2023-12-27 21:49:07

React Native: TextInput コンポーネントにカスタムサブビューを含めることは可能ですか?

誰かの名前を入力するときにカスタムビューを持つ TextInput コンポーネントを作成しようとしています。たとえば、名前が John の場合、その文字列が検索され、John のプロフィール画像と名前がテキストにインラインで含まれるビューが追加されます。現在、ビューを TextInput コンポーネントの子コンポーネントにしても、何も表示されません。つまり、テキストコンポーネントの子だけが表示されます。 TextInput コンポーネントでさまざまなタイプのコンテナと要素をレンダリングしようとしましたが、上記のすべてがレンダリングに表示されません。

P粉553428780 2023-09-11 15:07:01

自作した<Tab/>コンポーネントを使用する場合、「&.Mui-selected」状態に問題がある

カスタム <Tab/> を作成しました。次のコードを使用して、その選択された色を制御したいと考えています。サンドボックスデモコード exportconstTab=styled(MuiTab)({"&.Mui-selected":{color:"red "}} ); ただし、次のことがわかりました: 1. カスタムスタイルコンポーネントを直接適用 => 選択した色は赤 2. カスタムスタイルコンポーネントを自作コンポーネントでラップ => 余裕がない

P粉775788723 2023-09-20 19:56:31

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

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

大家讲道理 2017-07-05 11:03:26

Antd Select コンポーネントのカスタムテキストボックス

ユーザーが適切と考える選択肢が「選択」オプションに表示されるオプションにない場合に、カスタムテキストを追加できるようにしたいと考えています。カスタムテキストフィールドは正常に作成できましたが、ユーザー入力を取得して選択コンポーネントの値として設定するのが面倒になってきています（簡単に思えますが、何らかの理由で機能しません）。私の実装は次のとおりです const [selectedPurpose, setSelectedPurpose]=useState<string>("");//選択済み

P粉790187507 2024-03-30 11:16:20

Vue3 のカスタムディレクティブを使用してコンポーネントにデータを渡す: ガイド

カスタムディレクティブを使用してこの動作 <simple-componentv-layer="'pizza'"/> を実現し、'pizza' をコンポーネントに渡し、それを SimpleComponent で使用できるようにしたいと考えています。このアイデアは、(v-slot 経由で) 上位の親スコープに配置することです。これは古い学校であり、おそらく最良の方法ではありませんが、構文はクライアントにとって重要です (ここに入力する文字は少ないほど良いです)。 Vue2 の github の問題を見つけましたが、よくわかりません

P粉407936281 2024-03-26 22:46:44

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

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

黄舟 2017-07-05 11:00:36

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

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

PHP中文网 2017-05-19 10:44:00

REACT TS コンポーネントラッパーでカスタムプロパティとネイティブプロパティを組み合わせるシームレスな方法はありますか?

入力、ボタン、フォームなどのネイティブ機能を拡張するコンポーネントがいくつかありますが、チームが必要とするときにすべてのイベントハンドラーとプロップを含める必要があるのは面倒だと感じています。私は単純にコンポーネントの prop タイプをネイティブの prop タイプを拡張してから、オブジェクトの伝播を使用してすべてのネイティブ prop を自動的に適用しようとしました。次の問題は、カスタム props がサポートされていないため、ネイティブ要素に適用すべきではないことです。この問題を解決するには、私が見つけた唯一の解決策は、コンポーネントパラメーター内の各カスタムプロップの名前を次のよ...

P粉186897465 2024-03-30 17:01:40

Android カスタムランチャーはカスタムウィジェットを追加しますが、ウィジェットインターフェイスを更新できません

Android カスタムランチャーはカスタムウィジェットを追加しますが、ウィジェットインターフェイスを更新できません。カスタムウィジェットはシステムランチャーで更新できます。時計などのシステムウィジェットはカスタムランチャーで更新できます。 AppWidgetProvider コードは次のとおりです: {code...} カスタム起動...

某草草 2017-05-16 13:29:24

Vue カスタムチェックボックスコンポーネントを作成する正しい方法

Vueでカスタムチェックボックスを作成する方法。チェックボックスが変更されると、関数が呼び出されます。「未定義のプロパティ 'id' を読み取れません」というエラーと「ネイティブイベントハンドラーの実行中に未処理のエラーが発生しました」という警告が表示されました。カスタムチェックボックス: <template><divclass="filter">< input:ref="id ":id="id"type="チェック

P粉135292805 2023-09-02 18:22:50

カスタム制御ファイルを呼び出すことができません。

先生と同じようにカスタムコントローラーを作ったのですが、反応してくれなくてどうしたのかととても心配です。

　　　　　戒　　 2018-07-08 18:49:03

JavaScript - フラットリストドロップダウンコンポーネントスタイルをカスタマイズするにはどうすればよいですか?

1. まず、達成したい効果について説明します。携帯電話で JD.com のような画像をプルダウンし、手を放した後、新しいページにジャンプします。 2. ただし、フラットリストにはデフォルトのドロップダウンイベント {code...} があります。ドキュメント内のこのヘッダーコントロールを変更する方法がわかりません。Android のデフォルトでは、黒い円形の更新コンポーネントが設定されています...

PHP中文网 2017-06-08 11:02:39