Disabilita interi elementi del modulo rispetto a uno stato. React

Question

Sto disabilitando gli ingressi utilizzando il puntello isFetching, ma questo sta diventando ridondante in quanto devo tenerlo in ogni campo di input. C'è un modo per disabilitare l'intero modulo? Come un disable proprietà nel tag <form> o qualcosa del genere?

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

Answer 1

Penso che questo dovrebbe risolvere il tuo problema https://stackoverflow.com/a/17186342/3298693.

È necessario inserire il modulo all'interno di un elemento <fieldset disabled="disabled">. Ciò renderà disabilitato l'intero modulo.

Answer 2

Basta usare <input type="text" disabled> dove si desidera che il testo di input sia disabilitato. Ci vuole pochissimo tempo.

Answer 3

Ho avuto lo stesso problema e questo ha funzionato per me:

<fieldset disabled={true}> 

Dove vero sarebbe qualche "prop.setting" ...