yup.test()を使うと、react-hook-formのonChangeのvalidationが発火しない
yup.test()を使ったら絶対に発火しないのかどうかは知らないmrsekut.icon
けど、発火しないケースにぶつかった
submit時にはちゃんとvalidaitonされるが、onChangeの際に何も変化が起こらない
解決策
.test()以外を使って頑張ってyupのruleを書く
これができればそもそも苦労しないmrsekut.icon
yupの知識を付けないといけない..mrsekut.icon
onChangeで表示することを諦める
yupをやめる
useFieldArrayを使うと、'onChange'にしてても、validationが発火しない？
そんなことない
こういうvalidationを書きたい
code:ts
const validationSchema = object().shape({
questions: array()
.of(
object()
.shape({
text: string().max(10).required("Some text is required"),
text1: string().max(10).required("Some text is required")
})
.test("notBoth", "セットで入力してください", ({ text, text1 }) => {
return (text === "" && text1 === "") || (text !== "" && text1 !== "");
})
)
.required()
});
個別のfieldのvalidationと、療法を合わせたvalidation
後者があると、onChaneが効かなくなる
yup.testがあると効かなくなる？
やりたいこと
個々のfieldのvalidation
両方のfieldを見たvalidation
を、onChangeで見たい(submit後も)