How to use react-material-ui-form-validator

<div>
  <p>{this.state.arr}</p>
<ValidatorForm
  ref="form"
  onSubmit={this.handleSubmit}
    <TextValidator
      label="Email"
      onChange={this.handleChange}
  </FormControl>
  <FormControl fullWidth={true}>
    <TextValidator
      multiline
      label="Price"

<React.Fragment>
  <Grid item xs={12}>
    <TextValidator
      id="standard"
      label="nombre"
  </Grid>
  <Grid item xs={6}>
    <TextValidator
      id="standard"
      label="medida"
  </Grid>
  <Grid item xs={6}>
    <TextValidator
      id="standard"
      label="cantidad"

<div className="formContainer">
  <h1>Ingresa Aqui</h1>
  <ValidatorForm noValidate autoComplete="off" onSubmit={this.send} debounceTime={1500}>
    <div>
      <Grid container spacing={3}>
        <Grid item xs={12}>
          <TextValidator
            required
            id="standard-required-email"
        </Grid>
        <Grid item xs={12}>
          <TextValidator
            required
            id="standard-required-password"

<div className="formContainer">
  <h1>Ingreso de un nuevo coctel</h1>
  <ValidatorForm noValidate autoComplete="off" onSubmit={this.send} debounceTime={1500}>
    <div>
      <Grid container spacing={3}>
        <Grid item xs={12}>
          <TextValidator
            required
            id="standard-required"
        </Grid>
        <Grid item xs={12}>
          <TextValidator
            required
            id="standard-required"

return (
  <React.Fragment>
    <ValidatorForm ref="form" noValidate autoComplete="off" onSubmit={this.send} debounceTime={1500}>
      <div className="formContainer">
        <h1>Edita tu coctel</h1>
        <Grid container spacing={3}>
          <Grid item xs={12}>
            <TextValidator
              required
              id="standard-required"
          </Grid>
          <Grid item xs={12}>
            <TextValidator
              required
              id="standard-required"

<div className="formContainer">
  <h1>Crea tu cuenta aqui</h1>
  <ValidatorForm noValidate autoComplete="off" onSubmit={this.send} debounceTime={1500}>
    <div>
      <Grid container spacing={3}>
        <Grid item xs={12}>
          <TextValidator
            required
            id="standard-required-name"
        </Grid>
        <Grid item xs={12}>
          <TextValidator
            required
            id="standard-required-email"
        </Grid>
        <Grid item xs={12}>
          <TextValidator
            required
            id="standard-required-password"
        </Grid>
        <Grid item xs={12}>
          <TextValidator
            required
            id="standard-required-passwordConfirm"