Свойство Materialize class = "validate" не проверяет поле в React

Question

Я создаю Материализовать форму с Реагировать js , чтобы убедиться, что поля не пустые. Я использую свойство materialize class = "validate" .Даже я использовал required = "" и aria-required = "true" , но при нажатии на кнопку Submit пустые поля не проходят проверку.Я не знаю почему.

Пожалуйста, помогите мне в этом ..

class ContactForm extends Component {

 render() {

 return (
 <div>
 <form onSubmit={this.handleSubmit}>

      <div className="input-field col s12 l10">
             <i className="material-icons prefix">text_format</i>
             <input type="text" id="name" ref="Name" class="validate" required="" aria-required="true"></input>
             <label htmlFor="name">Your Name</label>
      </div>

      <div className="input-field col s12 l10">
               <i className="material-icons prefix">phone</i>
               <input type="number" id="phone" ref="MobileNo" class="validate" required="" aria-required="true"></input>
               <label htmlFor="phone">Mobile No.</label>
       </div>

      <div className="input-field col s12 l10">
                <i className="material-icons prefix">email</i>
                <input type="email" id="email" ref="EmailId" class="validate" required="" aria-required="true"></input>
                <label htmlFor="email">Your Email</label>
       </div>

       <div className="center">
                <button className="btn" type="submit" >Submit</button>
        </div>

</form>
</div>
);
}
}

export default ContactUsForm;