Dezaktywuj całe elementy formularza względem stanu. React

Question

Wyłączam wejścia przy użyciu isFetching prop, , ale robi się to redundantne, ponieważ muszę to zachować w każdym polu wejściowym. Czy istnieje sposób wyłączenia całego formularza? Podoba Ci się właściwość disable w tagu <form>?

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

Answer 1

Myślę, że powinno to rozwiązać twój problem https://stackoverflow.com/a/17186342/3298693.

Powinieneś wstawić swój formularz do elementu <fieldset disabled="disabled">. Spowoduje to wyłączenie całego formularza.

Answer 2

Po prostu użyj <input type="text" disabled> wszędzie tam, gdzie chcesz wyłączyć tekst wejściowy. To nie zajmuje dużo czasu.

Answer 3

miałem ten sam problem i to pracował dla mnie:

<fieldset disabled={true}> 

Jeżeli prawdą byłoby pewne „prop.setting” ...