Fehlertext für andere Komponenten als TextField und SelectField

Question

Ich implementiere ein einfaches Formular mit Feldern zum Sammeln von Daten. Ich muss die Validierung für einige Felder wie Textfeld, Kontrollkästchen und Optionsfelder implementieren.

Wie pro Dokumentation der Stütze zu verwenden ist ‚Fehlertext‘

Gemäß der Spezifikation an der Stelle (http://www.material-ui.com/v0.11.1/#/components/switches) gibt es keine Eigenschaft es zu unterstützen.

Aber wir haben dies für Textfelder. (http://www.material-ui.com/v0.11.1/#/components/text-fields)

<TextField hintText="Hint Text" errorText={this.state.errorText} onChange={this._handleErrorInputChange} /> 

So jemand mit früheren Erfahrungen in dieser helfen kann, wie sie diese umgesetzt haben, oder bin ich nur etwas Grundsätzliches fehlt?

Answer 1

Nun, Sie müssen Ihre eigene Fehlermeldung implementieren .. Ich empfehle Ihnen, eine Komponente zu erstellen, die die Checkbox oder jede andere Material-UI-Komponente, die nicht die errorText -Eigenschaft haben Wraps und implementieren sie dort. .

Etwas wie:

cont MyCheckbox = (props) => { 
    return (
     <div> 
      <Checkbox 
       {...props} 
      /> 
      <div className='error-text'>{props.errorMessage}</div> 
     </div> 
    ) 
}