reactjs - 如何使用 React 和 Yup 验证(没有 Formik)

Question

知道如何使用 Yup(不带 Formik)进行 React 输入验证吗？

我在网上找不到任何好的例子。谢谢

Answer 1

如果您想在没有 formik 的情况下使用 yup，您可以使用 cast()，请参见示例:

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 }