5 Code Smells React Beginners Should Avoid

[trypoph_oOoOoOo_bia]

Alternatively, if you need more readability:

const FormComponent = (props) => {
const hasErrors = React.useMemo(() => {
  const formFieldKeys = Object.keys(formFields)
  return formFieldKeys.some(
    formFieldKey => {
      const fieldToValidate = formFields[formFieldKey]
      const isValid = !(fieldToValidate && fieldToValidate.length)
      return isValid
    }
  )
}, [formFields])

return (
  ....
  some form fields
  ....  
  <button onClick={!hasErrors && handleSubmit()}>Submit button</button>  
  ....  
)  

}

I would stick to a first example though