TextField ve SelectField dışındaki bileşenler için hata metni

Question

Veri toplamak için alanlarla basit bir form uygularım. metin alanı, onay kutusu ve radyo düğmeleri gibi birkaç alanda doğrulamayı uygulamam gerekiyor. kullanmak belgeler gereğince

prop 'ErrorText' sitesinde (http://www.material-ui.com/v0.11.1/#/components/switches) onu destekleyen hiçbir özellik yoktur az spec gereğince

.

Ama yaptığımız metin kutularının için bu var.

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

(http://www.material-ui.com/v0.11.1/#/components/text-fields)

Yani bu önceki deneyimi olan herkes bu uygulamaya nasıl üzere yardımcı olabilir ya da ben sadece temel bir şey eksik?

Answer 1

Eh, kendi hata iletinizi uygulamak zorundasınız .. Checkbox ya da errorText özelliğine sahip olmayan ve orada uygulayan başka bir materyal-ui bileşenini saran bir bileşen oluşturmanızı öneririm. . gibi

şey:

sağladığınız çok içerik okuyucu, sen toplamak olacak daha fazla cevap yatırım

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