Borrar reactJs textarea después de enviar

Solución:

Básicamente, su formulario no se está desmontando. Por lo tanto, escribir el código en componentDidMount no tendrá sentido. Entonces, la solución rápida para su problema sería borrar el cuadro de área de texto después de leer el valor en el método de envío del identificador

handleSubmit: function (event) {
  event.preventDefault();

  var notes = this.refs.notes;

  var details = {
    studentId: this.props.studentId,
    schoolId: this.props.schoolId,
    notes: notes.value
  };

  notes.value = ""; // Unset the value
  this.props.onSubmit(details);
},

entonces, si alguien se atasca en este problema, estaba usando un componente no controlado y de alguna manera es complejo borrarlo, simplemente cambio a uno controlado y luego lo tengo 🙂

<form onSubmit={e => this.handleSubmit(e)}>
<textarea value={this.state.text} onChange={ e => this.handleChange(e) } />
<button>Submit Comment</button>
</form>

muy importante para evitar el incumplimiento

  handleSubmit = event => {
  event.preventDefault();    
  this.setState({ text: '' });
  };

---

---

Utiliza Nuestro Buscador