javascript - Bagaimana untuk menyimpan data baris yang boleh diedit ke pelayan dalam jadual antd?

Question

Menggunakan jadual antd untuk membuat jadual, setiap baris boleh diedit, kerana saya menyusun kod mengikut kaedah penulisan rasmi, jadi sila rujuk dokumen rasmi untuk kod tertentu, klik di sini--->> /ant.design/components...

Jika anda ingin menyimpan data yang diedit ke pelayan, anda mesti mendapatkan data tersebut selepas berjaya mengedit Pada mulanya, ia diperoleh melalui editDone(), tetapi kemudiannya membuktikan bahawa data selepas penyuntingan berjaya tidak boleh diperolehi dalam kaedah ini. ;

Beralih ke pemegang selChange(), di mana anda memang boleh mendapatkan data selepas berjaya mengedit, tetapi kaedah ini dipanggil dalam gelung, dan banyak operasi keliru.

Bagaimana anda memuat naik data yang diedit ke pelayan?

Answer 1

Saya mencuba contoh antd dan saya boleh mendapatkan nilai yang diedit dalam EditableCell,

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

Terdapat kaedah Ubah pemegang yang memantau perubahan dalam nilai input dan menukar nilai keadaan dalam masa nyata,
Jadi dalam editDone,

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

Saya telah berurusan dengan jadual yang boleh diedit Keperluan ialah butang edit dan butang hantar, jadi gunakan <Borang> untuk membungkus <Jadual>

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

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