Блог

Главная - Вопросы по программированию - Проверка полей в React с помощью yup

Проверка полей в React с помощью yup

#reactjs #ecmascript-6 #react-hooks #yup

Вопрос:

Как мне ввести проверку в yup, что требуется как минимум два поля?

Пожалуйста, проверьте код и поле здесь, Нажмите здесь

 const validationSearch = yup.object().shape({
  instagramProfileId: yup
    .string()
    .when(["$tiktokProfileId", "$youtubeProfileId"], {
      is: (tiktokProfileId, youtubeProfileId) =>
        tiktokProfileId amp;amp; youtubeProfileId,
      then: yup.string().notRequired(),
      otherwise: yup.string().required()
    }),
  tiktokProfileId: yup
    .string()
    .when(["$instagramProfileId", "$youtubeProfileId"], {
      is: (instagramProfileId, youtubeProfileId) =>
        instagramProfileId amp;amp; youtubeProfileId,
      then: yup.string().notRequired(),
      otherwise: yup.string().required()
    }),
  youtubeProfileId: yup
    .string()
    .when(["$instagramProfileId", "$tiktokProfileId"], {
      is: (instagramProfileId, tiktokProfileId) =>
        instagramProfileId amp;amp; tiktokProfileId,
      then: yup.string().notRequired(),
      otherwise: yup.string().required()
    })
});

Ответ №1:

Замените функцию validationSearch на :

Удалите все » $ «и добавьте массив в конце с полями, которые вам нужны в каждом условии» когда».

 const validationSearch = yup.object().shape(
  {
    instagramProfileId: yup
      .string()
      .when(["tiktokProfileId", "youtubeProfileId"], {
        is: (tiktokProfileId, youtubeProfileId) =>
          tiktokProfileId amp;amp; youtubeProfileId,
        then: yup.string().notRequired(),
        otherwise: yup.string().required()
      }),
    tiktokProfileId: yup
      .string()
      .when(["instagramProfileId", "youtubeProfileId"], {
        is: (instagramProfileId, youtubeProfileId) =>
          instagramProfileId amp;amp; youtubeProfileId,
        then: yup.string().notRequired(),
        otherwise: yup.string().required()
      }),
    youtubeProfileId: yup
      .string()
      .when(["instagramProfileId", "tiktokProfileId"], {
        is: (instagramProfileId, tiktokProfileId) =>
          instagramProfileId amp;amp; tiktokProfileId,
        then: yup.string().notRequired(),
        otherwise: yup.string().required()
      })
  },
  [
    ["tiktokProfileId", "youtubeProfileId"],
    ["instagramProfileId", "youtubeProfileId"],
    ["instagramProfileId", "tiktokProfileId"]
  ]
);

Демо : Stackblitz

Метки: