Validating file presence with YUP

by

Here is how I did it

import { object, string, mixed } from "yup"

const schema = object().shape({
  attachment: mixed().test("fileSize", "The file is too large", (value) => {
    if (!value.length) return true // attachment is optional
    return value[0].size <= 2000000
  }),
})

Related Contents:

  1. React Formik – Trigger validation only on form submit
  2. React formik form validation: How to initially have submit button disabled
  3. Async validation with Formik, Yup and React
  4. Conditional Validation in Yup
  5. Validation using Yup to check string or number length
  6. React Formik use submitForm outside
  7. Formik onSubmit function is not working on my code
  8. Formik – How to reset form after confirmation
  9. ReactJS: How to handle Image / File upload with Formik?
  10. How to use custom Input with Formik in React?
  11. React-datepicker with a Formik form
  12. Yup.when: “`NaN` (cast from the value `NaN`)”
  13. Why isn’t the Formik `touched` property being populated?
  14. How to combine multiple inline style objects?
  15. How to use callback with useState hook in react [duplicate]
  16. How to disable a button when an input is empty?
  17. Receiving “Attempted import error:” in react app
  18. How to submit a form using Enter key in react.js?
  19. What is the meaning of {…this.props} in Reactjs
  20. Component does not remount when route parameters change
  21. How to assign the correct typing to React.cloneElement when giving properties to children?
  22. When would bindActionCreators be used in react/redux?
  23. How to configure package.json to run eslint script
  24. Module not found: ‘redux’
  25. How to use generics in props in React in a functional component?
  26. If condition inside of map() React
  27. React: validateDOMNesting: #text cannot appear as a child of
  28. How to update meta tags in React.js?
  29. React Hooks – How do I implement shouldComponentUpdate?
  30. Blank page after running build on create-react-app
  31. TypeError during Jest’s spyOn: Cannot set property getRequest of # which has only a getter
  32. Before and After pseudo classes used with styled-components
  33. How do you make the ListHeaderComponent of a React Native FlatList sticky?
  34. How to minimize the size of webpack’s bundle?
  35. Multiple params with React Router
  36. Setting a checkbox “check” property in React
  37. How to get input text value on click in ReactJS
  38. In Material UI when do we use Input vs. TextField for building a form?
  39. Why does create-react-app creates both App.js and index.js?
  40. Using webpack aliases in mocha tests
  41. How to make create-react-app use npm instead of yarn?
  42. ReactJS findDOMNode and getDOMNode are not functions
  43. How to use the increment operator in React
  44. this.setState is undefined
  45. How to avoid `loaded two copies of React` error when developing an external component?
  46. React statics with ES6 classes
  47. Firestore to query by an array’s field value
  48. Pass object through Link in react router
  49. Module not found: Can’t resolve ‘bootstrap/dist/css/bootstrap-theme.css’ in ‘C:\react-form-validation-demo\src’
  50. React Router v4 routes not working

Leave a Comment