javascript - Comment enregistrer les données de ligne modifiables sur le serveur dans la table ANTD?

Question

En utilisant antd table pour créer un tableau, chaque ligne est modifiable, car j'organise le code selon la méthode d'écriture officielle, veuillez donc vous référer au document officiel pour le code spécifique, cliquez ici --->> /ant.design/components...

Si vous souhaitez enregistrer les données modifiées sur le serveur, vous devez d'abord obtenir les données après une édition réussie. Au début, elles ont été obtenues via editDone(), mais il s'est avéré plus tard que les données après une édition réussie ne peuvent pas être obtenues avec cette méthode. ;

Tournez-vous vers handleChange() de la cellule, où vous pouvez effectivement obtenir les données après une édition réussie, mais cette méthode est appelée en boucle et de nombreuses opérations sont confuses.

Comment télécharger les données modifiées sur le serveur ?

Answer 1

J'ai essayé l'exemple antd et je peux obtenir la valeur modifiée dans EditableCell,

 handleChange(e) {
    const value = e.target.value;
    this.setState({ value });
  }

Il existe une méthode handleChange qui surveille les modifications de la valeur d'entrée et modifie la valeur d'état en temps réel,
Donc dans editDone,

const { data } = this.state;//这个data就是你修改之后的值

J'ai traité un tableau modifiable. L'exigence est un bouton d'édition et un bouton d'envoi, alors utilisez <Form> pour envelopper <Table>

 <Form layout="inline" onSubmit={this.handleSubmit}> //用handleSubmit统一拿值

handleSubmit = (e) => {
//因为我们这个可编辑的内容都需要校验，就用到antd中的validateFields,这个方法取值也方便
   this.props.form.validateFields((err, values) => {
    console.log(values);//table中所有注册到getFieldDecorator中的项的值都取到了，在这里你也可以改造values
    } 
}