😀React Hook Form + zodで数値型のselectの空文字対応2022/10/06に公開2024/11/111件Reactzodtechこの記事は https://kj-dev.com/posts/reacthookform-select-number に移動しました。 Discussionnap52023/02/27この指定はそのままにして { valueAsNumber: true } 未選択の状態をid:-1としてワークアラウンドしてみました。 さらにlookUpも追加してみました。 https://codesandbox.io/p/sandbox/lucid-surf-7mx50p?file=%2Fsrc%2Ffeatures%2Fselect-first-item-not-selected%2Fcomponents%2FForm.tsx&selection=[{"endColumn"%3A11%2C"endLineNumber"%3A23%2C"startColumn"%3A11%2C"startLineNumber"%3A23}] /select-first-item-not-selectedがデモページになります。 簡単ですが、以上です。
nap52023/02/27この指定はそのままにして { valueAsNumber: true } 未選択の状態をid:-1としてワークアラウンドしてみました。 さらにlookUpも追加してみました。 https://codesandbox.io/p/sandbox/lucid-surf-7mx50p?file=%2Fsrc%2Ffeatures%2Fselect-first-item-not-selected%2Fcomponents%2FForm.tsx&selection=[{"endColumn"%3A11%2C"endLineNumber"%3A23%2C"startColumn"%3A11%2C"startLineNumber"%3A23}] /select-first-item-not-selectedがデモページになります。 簡単ですが、以上です。
Discussion
この指定はそのままにして
未選択の状態を
id:-1としてワークアラウンドしてみました。さらに
lookUpも追加してみました。/select-first-item-not-selectedがデモページになります。簡単ですが、以上です。