0

Tengo un componente TextField de MUI con react y quiero que se coloque o elimine el atributo error dependiendo de la constante verify, ya que si solo cambio el valor siempre me lo toma como verdadero aunque sea un string vacío error="".

  <TextField error={`${verify ? false : true}`} label="Usuario" variant="filled" color="secondary" onChange={event => setPsw(event.target.value)}/> 

Las formas en puedo evitar que error sea false es:

error = {false}
error = {null}
//error <- eliminar el atributo

Si es con comillas de algun tipo lo toma como verdarero.

2
  • Quizas esta pregunta te pueda ayudar stackoverflow.com/questions/31163693/… Commented el 9 nov. 2022 a las 21:01
  • Entonces este componente va a ser renderizado de una? o ese verify se va a modificar y quieres que el error aparezca o desaparezca? porque si es el caso, deberías usar una variable en el state, pues son las que hacen que el componente se renderice Commented el 9 nov. 2022 a las 21:03

1 respuesta 1

0

La solución que aplique la obtuve de esta otra pregunta similar https://stackoverflow.com/questions/31163693/how-do-i-conditionally-add-attributes-to-react-components:

{...(verify ? {} : {error: 'success'})}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.