Как использовать React с Yup Validation (без Formik)

Любая идея, как я могу выполнить проверку ввода React с помощью Yup (без Formik)?

Я не нашел в Интернете ни одного хорошего примера. Спасибо


reactjs yup
person Alfrex92    schedule 28.08.2019    source источник
comment
up - это валидатор схемы объектов JavaScript и анализатор объектов. Использование Формика не требуется.   -  person Damian Busz    schedule 28.08.2019

Ответы (2)


arrow_upward
9
arrow_downward

Вы можете использовать cast(), если хотите использовать yup без formik, см. Пример:

let yup = require('yup');

let schema = yup.object().shape({
  name: yup.string().required(),
  age: yup
    .number()
    .required()
    .positive()
    .integer(),
  email: yup.string().email(),
  website: yup.string().url(),
  createdOn: yup.date().default(function() {
    return new Date();
  }),
});

// check validity
schema
  .isValid({
    name: 'jimmy',
    age: 24,
  })
  .then(function(valid) {
    valid; // => true
  });

// you can try and type cast objects to the defined schema
schema.cast({
  name: 'jimmy',
  age: '24',
  createdOn: '2014-09-23T19:25:25Z',
});
// => { name: 'jimmy', age: 24, createdOn: Date }
person Andre Feri    schedule 08.05.2020

arrow_upward
0
arrow_downward

Formik обрабатывает формы в реакции, привязывая входные теги к модели, эта модель может содержать валидаторы, которые могут быть Yum или любой другой формой валидации.

Если вы не хотите использовать Formik, вы можете использовать другую библиотеку обработки форм для реагирования, такую ​​как FormState.

Если вы вообще не хотите использовать библиотеку обработки форм, вам придется все это делать вручную < / а>.

person Community    schedule 28.08.2019
comment
Он определенно хочет использовать вкусняшку, которую вы рекомендуете не относящиеся к делу вещи. - person steve moretz; 12.04.2020