12

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> ); }} 
4

2 に答える 2