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

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

P粉301523298 2023-08-18 15:58:43 0  2  608

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

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

P粉615829742 2023-09-18 18:36:26 0  1  470

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

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

phpcn_u1582 2017-06-28 09:28:58 0  1  922

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 0  1  602

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

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

P粉790187507 2024-03-30 11:16:20 0  1  535

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

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

P粉579008412 2023-09-11 15:50:11 0  2  579

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

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

P粉529581199 2024-03-26 22:44:23 0  1  537

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

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

P粉926174288 2023-12-27 21:49:07 0  2  594

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

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

P粉186897465 2024-03-30 17:01:40 0  1  515

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

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

P粉553428780 2023-09-11 15:07:01 0  1  611

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

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

P粉135292805 2023-09-02 18:22:50 0  1  536

JavaScript - Vue でカスタム イベントにパラメータを渡すにはどうすればよいですか?

コードに示されているように、select メソッドは子コンポーネントで定義およびトリガーされ、type パラメーターが渡されます。子コンポーネントは親コンポーネントに導入され、select イベントがリッスンされます。結果はエラーです。「プロパティ」またはメソッド「type」がインスタンス上で定義されていませんが、レンダリング中に参照されています...

阿神 2017-06-28 09:28:24 0  1  978

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

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

P粉775788723 2023-09-20 19:56:31 0  1  581

JavaScript - vuejs でのロード時にカスタム関数を自動的に実行する方法

たとえば、コンポーネント内でメソッドが定義されている場合: {code...} ChangeIcon 関数を自動的に実行するにはどうすればよいですか?

PHP中文网 2017-05-19 10:41:14 0  2  745

未定義の配列インデックス: ユーザー名

未定義の配列インデックス: ユーザー名

不枉 2019-08-12 16:31:32 0  4  2072

コンポーネントがロードされるとき、Vue の Provide と Inject は未定義です。

状況 header.vue コンポーネントがcontainer-nav.vue コンポーネントにデータを提供できるように、Vue のオプション API を使用して機能を提供および挿入しようとしています (「コンポーネントの階層」を参照)。ただし、データが注入される場合、初期ロードではデータは未定義になります。現在のコンポーネント階層: header.vue > header-nav-menu.vue >container-nav.vue 1-header.vue (祖父母) を試してください。 このコンポーネントでは、 pinia(storeComm) から開始します。

P粉377412096 2023-08-26 09:34:12 0  1  518

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

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

某草草 2017-05-16 13:29:24 0  1  742

gvim - vim で vimrc ファイルを編集するときにカスタム関数の定義 (宣言) にジャンプするにはどうすればよいですか?

vimでvimrcファイルを編集する際、カスタム関数(vimscriptで記述)を呼び出す場所からカスタム関数を定義(宣言)する場所にジャンプするにはどのようなショートカットキーを押すことができますか? ctagsなどのプラグインをインストールせずにショートカットキーはありますか？ K (つまり、shift+k) を押してください...

为情所困 2017-05-16 16:36:16 0  1  835

未定義の配列インデックス: 1

左側のナビゲーションバーコースで、未定義の配列添字:1の問題が発生します

P粉542303445 2023-10-31 10:00:52 0  0  678

選択した値の配列にバインドされた Vue 3 カスタム チェックボックス コンポーネント

スタイル付きのチェックボックスと対応するラベルを備えた単純なコンポーネントを作成しようとしています。選択されたすべてのチェックボックスの値（文字列）は配列に保存される必要があります。これはプレーンな HTML チェックボックスで機能します: <template><div><divclass="mt-6"><div><inputtype="checkbox" value="EVO" v-model=&

P粉561749334 2023-12-21 18:43:52 0  1  696