MUI スイッチで React Hook Form 7 を使用する方法

MUI スイッチで React-Hook-form を使用する場合、値が true に設定されていても、ページの読み込み時にスイッチに初期値が表示されません。ただし、ボタンに触れずにフォームを送信すると、値が true として定義されているスイッチに対して true が返されるため、これは表示の問題であるようです。さらに、これらのボタン (false として表示) を 1 回クリックしても効果はなく (ボタンは左側に残ったままになります)、2 回目のクリックで実際に再び切り替わります。フックを使用して初期値を設定します (他のすべてのフィールド タイプに適用されます): useEff

P粉231112437 2023-09-16 19:43:09 0  1  632

MUI スイッチをクリックした場合、表示および値は更新されません。

現在のプロジェクトで使用している MaterialUI トグル スイッチで問題が発生しています。コンポーネントがロードされるときに、コンソールに値を記録すると、初期値は正しいです。ただし、スイッチをクリックして「はい」から「いいえ」にすると、スイッチは正しく表示され、「いいえ」が選択されていることを示し、コンソールのログが再び開始されますが、値は「はい」のままです。スイッチをもう一度クリックして「いいえ」に戻そうとすると、トグルは反転せずに再レンダリングされ、コンソールのログが再び起動され、値が「いいえ」に更新されます。したがって、基本的には最初のクリックでスイッチが切り替わり、2 回目のクリ...

P粉638343995 2023-08-15 20:20:45 0  1  542

JavaScript - スイッチ...ケース...

{コード...} v は受信文字列です。このコードの最初のコンソールは正常に実行されますが、2 番目のコンソールはいかなる状況でも実行されません。これで、スイッチ...ケース... 何かが間違っていることがわかります。 . 何が問題なのか教えてください。

typecho 2017-06-28 09:28:02 0  3  976

スイッチ付きIMC計算機

IwasworkinginaIMCcalculatortoexercisejs.ThiscalculatorshouldshowstheIMCandamessageacordingtheresultbut,forsomereason,italwaysshowsthedefaultmessage.constform=document.querySelector('#form');form.addEv

P粉231112437 2024-01-10 18:17:15 0  1  606

javascript - このスイッチを js で実装するにはどうすればよいですか?

スライドまたはクリックで切り替えることができます。デモを参考にするのが最善です、ありがとう~

女神的闺蜜爱上我 2017-07-05 11:02:16 0  1  752

スイッチの隣のテキストを垂直方向の中央に配置するにはどうすればよいですか?

「toggle-label」クラスの中央に「switch」で縦に文字を入れたいのですが失敗しました。使用したコードはこれです。toggle-label{font-weight:bold;font-size:20px;}.switch { 位置:相対;表示:インラインブロック;幅:54ピクセル;高さ:28ピクセル;}.switchinput{不透明度:0;幅:0;

P粉354948724 2023-09-15 11:58:54 0  1  554

Web ページのサイズを変更するとブートストラップ スイッチが正しく動作しない

これはコードです: <navxmlns:sec="http://www.thymeleaf.org/extras/spring-security"class="navbarnavbar-expand-lgfixed-topcontainer-fluid"id="navbar"><divclass="コンテナピクセル

P粉311464935 2024-04-05 08:45:39 0  1  3599

計算されたスイッチを使用してCSSでv-imgのtop属性を定義する

ウィンドウの現在のブレークポイントに基づいて v-img の top プロパティを定義したいと考えています。次のように定義したいと思います: <v-imgcontainid="logo-transparent":top="logoTop":width="logoWidth":src="logoTransparent" class="hidden-xs-only">&

P粉704196697 2023-08-30 23:50:32 0  2  504

Bootstrap スイッチが div 内の他の要素と同じ行に表示されないのはなぜですか?

我有以下代：.global-wrap{display:flex;flex-direction:row;align-items:center;justify-content:center;}.header{width:1024px;background-color:purple;padding:7px; margin:0;}div{overflow:hidden;white-space:nowrap

P粉221046425 2023-09-02 17:46:52 0  1  559

タイトルの書き換え: ドロップダウンの切り替えは最初の値の選択に限定されます

正常に切り替わるドロップダウンを作成しましたが、最初のクラスのみが選択されているようで、2 番目のドロップダウンをクリックすると、最初のドロップダウンの内容が切り替わります。ここで何かが足りないのでしょうか？これは私のコードです: constmenuListDropdown=document.querySelectorAll('.menu-block-dropdown'); constmenuBlock=document.querySelector('.menu-block

P粉511749537 2024-02-26 10:09:52 0  1  399

java - コードの重複とそれを改善する方法の発見

{コード...} コード構造は非常によく似ていますが、dao 層がデータをフェッチする方法が異なる点が異なります。また、このスイッチには改善の余地はありますか? 列挙に eumn が使用されていることは知っていますが、それを作成したわけではありません。無関係なコードを減らす。

PHPz 2017-05-17 10:04:56 0  5  893

JavaScript - コメント返信表示非表示切り替え問題

1. まず、コード {code...} を貼り付けます 現状、スイッチの表示・非表示はできますが、バグがあります。よく分かりません。 クリックの状況は以下の 2 つです。 1. 返信ボタン A初めてクリックすると、クラス ショーに A ボタンが追加され、対応する返信ボックスが表示されます。現在の返信ボタンが 2 回目にクリックされると、...

黄舟 2017-05-19 10:11:32 0  4  465

javascript - swiper.js swiper-slideのコンテンツの高さに応じてswiper-wrapperの高さを動的に設定する方法

{コード...} 現在はこのように書いていますが、最初のスイッチ以降でしか機能せず、その後ラッパーの高さの設定が機能しませんが、次の 2 文を書かずに activeHeight を出力するという問題もあります。最初の数枚のスライドは左にのみスライドします。そのときのみ値が表示され、それ以外の場合は 0 になります。ただし、次のように書く限り...

淡淡烟草味 2017-05-19 10:45:57 0  1  1456

インナーチャイルドの過渡期の火

これは再現可能な最小限の例です。 「トグル」ホバーの遷移端が起動し（これは望ましくありません）、途中で「a」が非表示になります。変換後に再度表示するには、「切り替え」をクリックします。スイッチが内部にあるため、これが起こっていることに気づきました（変更できません）。切り替え時に（どの変換が発生したかを検出せずに）変換を停止する方法はありますか。複雑になりすぎて、transitionend にはバグがあることがわかりました。私は setTimeout を使用したいと思います (CSS トランジションには少しばかげています)。 vara=document.querySelector(

P粉274161593 2024-04-02 14:38:29 0  1  390

ノードに追加された無効化オプションが vuetify で機能しない

こんにちは、vuetify を使用しています。「disableAll」属性を持つ親のすべての子要素を無効にできるようにこのディレクティブを作成しました。通常の入力テキストなどの一部の要素では完全に機能しますが、あるタイプのチェックボックスを実行するとき(スイッチのように) 無効になりません...vuetify が原因でしょうか?チェックボックスのある「Nodes」定数を出力しました。したがって、要素を見つけてdisabled属性を適用していますが、まったく機能しませんこれはディレクティブです:{disableAll:{comp

P粉587970021 2024-03-21 19:25:23 0  1  389

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  425

Vue 3 の v-for ループでボタンのアクティブ状態を切り替える

Vue3 でフィルター ヘッダーを作成しています。そこでは表示するカテゴリを選択できるため、スイッチをクリックしてフィルターを切り替えることができます。別のカテゴリをクリックすると、前のアクティブなカテゴリの選択が 1 回だけ解除されます。アクティブなカテゴリがありません。この jsfiddle のように、トグル ボタン (選択を解除するにはもう一度クリック) がなく、v-for ループを使用していない例をいくつか見つけました。これを v-for ループに変換できる自信はありますが、切り替えを簡単に行う方法、および一度に 1 つのアクティブ カテゴリのみを使用する方法がわかりません。これは私で...

P粉046878197 2023-08-27 09:44:54 0  1  492

CSS: サイズが等しくない子を持つ要素を垂直方向の中央に配置しようとしています

皆さん、こんにちは。これが私が現在持っているものの写真です。3行3列のグリッドがあり（各列は最小限のコンテンツです）、各セルの中央に要素を配置しています。見た目は良いですが、ヘッダーが大きくなると、スイッチとカテゴリの間のスペースが大きくなりすぎます。今、div コンテナー内に中央の行を作成して flex を使用しようとしましたが、要素が中央に配置されません。カテゴリのサイズが別のカテゴリのサイズよりも大きくなります。また、カテゴリを同じサイズにしようとしましたが、コンポーネント全体をページ上のどこか中央に配置すると、小さいカテゴリの空白のせいで右に寄りすぎてしまいます。そのスペースを小さくす...

P粉476046165 2024-02-26 18:39:24 0  1  381

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  839

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  732