yup コンセプトを使用して、react-select (single-select) の検証を実装しようとしています。しかし、私はこのエラーが発生しています:
オブジェクトは React の子として有効ではありません (検出: キー {label, value} を持つオブジェクト)。子のコレクションをレンダリングするつもりだった場合は、代わりに配列を使用してください。
yup コンセプトの検証スキーマでオブジェクトを割り当てる方法を知りたい
<Formik
initialValues={{
department:"",
}}
onSubmit={this.submitForm}
validationSchema={Yup.object().shape({
department: Yup.object().shape({
label: Yup.string().required(),
value: Yup.string().required(),
}),
})}>
{ props => {
const {
values,
touched,
errors,
isSubmitting,
handleChange,
handleBlur,
handleSubmit,
selectedOption
} = props;
return (
<React.Fragment>
<InputLabel shrink htmlFor={'department'}>
Department</InputLabel>
<Select
inputId="department"
options={options}
value={values.department}
onChange={this.onChangeOption}
onBlur={handleBlur}
/>
{errors.department && touched.department && ( {errors.department} )}
Submit </div> </React.Fragment> ); }}