Deshabilitar elementos de formulario completos con respecto a un estado. Reaccionar

1 minuto de lectura

avatar de usuario
pratish shrestha

Estoy deshabilitando las entradas usando el isFetching prop, pero esto se está volviendo redundante ya que tengo que mantener esto en cada campo de entrada. ¿Hay alguna manera de deshabilitar todo el formulario? Como un disable propiedad en <form> etiqueta o algo?

<form>
  <input type="text" disabled={this.props.isFetching} />
  <input type="text" disabled={this.props.isFetching} />
</form>

avatar de usuario
mateus zitelli

Creo que esto debería resolver tu problema https://stackoverflow.com/a/17186342/3298693.

Debes insertar tu formulario dentro de un elemento. <fieldset disabled="disabled">. Esto hará que todo el formulario esté deshabilitado.

  • ¿No debería ser en cambio “Debes insertar un <fieldset disabled="disabled"> elemento DENTRO de su formulario”?

    – FMA

    19 de junio de 2018 a las 12:45

Tuve el mismo problema y esto funcionó para mí:

 <fieldset disabled={true}>

Donde cierto sería algún “ajuste prop.”…

  • La mejor solucion.

    – Praveen Danagoudru

    13 de julio de 2021 a las 9:01

Solo usa <input type="text" disabled> donde quiera que se deshabilite el texto de entrada. Apenas lleva algo de tiempo.

  • Esto es exactamente lo que OP quiere evitar, como se menciona en la pregunta.

    – Balazs

    23 de abril de 2017 a las 8:46

¿Ha sido útil esta solución?