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

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

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

有効な入力メソッド: 条件付きレンダリング コントロールのガイド

条件付きレンダリングを入力しようとしていますが、エラーが発生します: Element implicitly hasan'any'type becauseexpressionoftype'number'can'tbeusedtoindextype'types'.Noindexsignaturewithaparameteroftype'number'wasfoundontype'types'.when everything is "any"

P粉550257856 2023-08-15 18:18:12 0  2  533

レッスン 10 条件付き制御ステートメントには音声がありません

レッスン 10 条件付き制御ステートメントには音声がありません

无名小辈 2020-02-15 18:59:52 0  0  1350

Vue JS: v-on:keyup.enter 内の条件付きロジック

ユーザーが Enter キーを押したときに条件付きで「activate」メソッドを呼び出すにはどうすればよいですか?次のものが機能することを期待していましたが、そうではありません: <inputtype="text"v-model="code"v-on:keyup.enter="code.match(/^\d{6}$/) ? activate:null">methods:{activate(){...},

P粉394812277 2024-03-26 17:41:08 0  1  492

メソッドを使用して Vue.js に条件付きスタイルを追加するにはどうすればよいですか?

親コンポーネントから渡されたprop値に基づいて、子コンポーネントに条件付きスタイルを追加したいと考えています。これは条件付きスタイルの実際の例です: <liv-bind:class="[booleanValue?'stylingClassOne':'stylingClassTwo']" ただし、これはスタイルが 1 つの変数に基づいており、2 つの値しか持てない場合にのみ機能します。 （真/偽）。複数の値を取ることができる変数に基づいて条件付きスタイルを実装したいと考えています。親コンポーネントから子コンポーネントに文字列を渡すとします。

P粉327903045 2024-03-21 20:53:17 0  1  470

v-bind:style ディレクティブが条件比較では機能しない

次のような条件に基づいて vue の要素にクラスをバインドできます: :class="i18n.global.locale=='ar'?'class1':'class2'" しかし、同じものを使用してスタイルをバインドしようとすると、以下に示すように、条件: :style="[i18n.global.locale=='ar'?{'background':'blue;'}:{'background':'red'}]"s

P粉321676640 2024-03-31 17:56:41 0  1  459

条件付きレンダリングの問題: React でログイン/ログアウト ボタンが正しく機能しない

私は React アプリを開発していて、ユーザーの現在の認証ステータスに基づいて「ログイン」または「ログアウト」ボタンを条件付きでレンダリングする必要があります。ただし、条件ステートメントが期待どおりに機能しないという問題が発生しています。ユーザーがログインした後でも、ログイン ボタンのみが表示され、両方のボタンが表示されないとログアウトできません。これは望ましい動作ではありません。 <divclassName="auth">{isAuthenticated?(<buttononClick={()=>lo

P粉232793765 2023-09-10 16:25:19 0  1  569

VUE で条件付きクラス バインディングを実装する方法

Vue を使用して条件を作成し、Doom にロードされたテキストの変更に基づいてクラスを追加することはできますか? <span> yellow</span><span>red</span><span>grey</span> という色の名前のリストがあります。名前のテキストが黄色であるかどうかなどの条件を設定したいです。クラスを追加したいです。 color_ yellow」など。

P粉099985373 2024-03-29 19:17:07 0  1  371

React と TypeScript - プロパティが存在する場合は条件付きパラメーターの型を使用する

Reactでは、プロパティがコンポーネントに渡されるかどうかに基づいて、関数パラメータに条件付きタイプを設定しようとしています。以下に例を示します。このコンポーネントがあります: const DatePicker = ({ handleDateChange, value, objectKey }: { handleDateChange: (value: Dayjs | { [x: string]: Dayjs }) => void; value: Dayjs

P粉148434742 2023-07-18 20:17:03 0  1  750

vue-easytable プラグインは条件付きで列を表示します

Vue コンポーネント内のテーブルを表示するために vue-easytable プラグイン バージョン 2.8.2 を使用しています。テーブルの列を条件付きで表示する方法を見つけるのに苦労しています。ここに示すデモでは、Row Radio または Row Checkbox スイッチをオンにすると、列がデモ テーブルに動的に追加されることがわかります。したがって、この機能/機能は vue-easytable にすでに存在しているはずだと思いますが、ドキュメントを参照してもこれを実装する方法が見つかりません。私の Vue コンポーネントでは、vue-easytable に渡す列配列は次のとおりです...

P粉066224086 2024-03-27 17:51:33 0  1  434

Python - flask _sqlalchemy はインデックス条件として中国語を使用できますか?

fask_sqlalchemy はインデックス条件として中国語を使用できますか?これは合理的ですか?

仅有的幸福 2017-06-06 09:51:49 0  2  741

Next.js 条件付きスタイル

パスがリンクのhrefと一致する場合にリンクを有効にしたいと考えています。 functionComponent(){constpathname=usePathname();return(Home Store Actor)} これを試しましたが、残念ながらうまくいきませんでした。このようなことはできますか?

P粉596161915 2023-08-10 16:17:51 0  1  590

Vue.js での条件付きレンダリング

私のアプリケーションは野菜作物のリストをループし、病気のキーと各作物の防除対策へのリンクを表示します。作物の 1 つ (cropid=6) には病気キーが存在せず、その特定のリンクの表示を停止できません。私のコードの関連部分は次のとおりです:&lt;v-containerfluidgrid-list-lg&gt;&lt;v-layoutjustify-center&gt;&lt;v-flexxs12&gt;

P粉919464207 2023-09-15 16:24:26 0  1  612

VueJS 3: 条件が満たされたときにボタンをアクティブにする

現在フォームを作成中ですが、条件が満たされたときにボタンを有効にする際に問題が発生します。現在、名前、電話番号、いくつかのオプション、メッセージを入力するフォームを作成しました。条件が満たされた場合、無効にしたボタンを有効にしたいと考えています。フォームを送信するためにボタンを再度有効にする方法を知っている人はいますか? <template><divclass="contact"><h1>Viuppskattarallafrågorsomduha

P粉258788831 2024-02-21 16:30:30 0  1  443

クロージャ内でページングをクエリする場合、SQL を出力するためのページング条件は付加されず、デフォルトではすべて表示されます。

教師が直接書いて使用できるのはなぜですか? テストすると、すべてが表示されます。ページング条件は無視されます。SQL を出力すると、ページング条件がないことが表示されます。

年年年年年 2019-03-06 11:43:58 0  5  1373

mysqlの最適化 - mysql innodbテーブルロックの問題

テストの結果、次の状況でテーブル ロックが発生することがわかりました。 1. 2. 無条件の更新、削除操作 3. 更新、削除の条件付き操作ではなく、主キー操作ではなく、条件付きか無条件かを選択します。条件は主キーではありません。または インデックスはテーブルをロックしません。これは正しいですか?

淡淡烟草味 2017-05-24 11:32:59 0  2  686

PHPを使用してボタンに条件付きの2つのhrefを取得するにはどうすればよいですか?

私のページにはフォームにリンクされたボタンがあります。これで、ページがスペイン語であっても、英語版にリンクされるようになりました。たとえば、英語版 => 英語版フォームにリンクする、スペイン語版 => スペイン語フォームにリンクするなどの条件を追加することはできますか?このボタンで<ahref="/apply/"class="btnbtn-lightmt-5pr-5pl-5"><?php_e("Let'sG

P粉320361201 2024-02-21 18:49:51 0  1  550

Vueで条件付きレンダリングを行う方法

私はタスクを作成し、それらをリストに入れて効率的に追跡するために使用できるアプリを開発しています。リストとリスト内のタスクを作成しました。リスト内のリストに属するすべてのタスクをレンダリングしようとしています。ただし、これ用の vue コードを作成すると、問題が発生します。そのリストにのみ属するタスクをレンダリングする代わりに、コードはデータベース内のすべてのタスクを生成します。特定のリストに属するタスクのみをレンダリングする正しい方法を見つけるのを誰かが手伝ってくれますか? DashboardView.vue<テンプレート><divcla

P粉702946921 2024-04-01 19:36:54 0  1  506

条件付きコンポーネントによる Vuejs テンプレートの強化

以下に示すように、さまざまなイベントのリストがあります。これは logTypesexportdefault{LOGIN:"login",LOGOUT:"logout",} としてインポートされます。これら 2 つのイベントには、2 つの異なるコンポーネントがあります。 <LogTypeLogin:item="item"/><LogTypeLogout:item="item"/>

P粉790819727 2024-04-03 16:16:14 0  1  496

条件付きでclassNameをcssモジュールに変更（React）

ユーザーが Web サイトのナビゲーション バーの上にマウスを置いたときにアニメーションを再生しようとしています。マウスがナビゲーションバー上にあるかどうかに基づいて CSS モジュールを変更することでこれを実現しようとしています。このコードが機能しない理由を理解しようとしています。ご協力をよろしくお願いいたします。 Navbar.jsx: importReact,{useState}from"react";import{Link}from"react-router-dom";importstyles

P粉799885311 2023-08-17 18:10:17 0  1  550