javascript - 편집 가능한 행 데이터를 antd 테이블의 서버에 저장하는 방법은 무엇입니까?

Question

antd 테이블을 사용하여 테이블을 만들었는데, 공식적인 작성 방법에 따라 코드를 정리했기 때문에 각 행은 편집 가능합니다. 구체적인 코드는 공식 문서를 참조하세요. 여기를 클릭하세요--->> /ant.design/comments...

편집된 데이터를 서버에 저장하려면 먼저 편집 성공 후 데이터를 얻어야 합니다. 처음에는 editDone()을 통해 얻었으나 나중에 이 방법으로는 편집 성공한 데이터를 얻을 수 없다는 것이 증명되었습니다.

셀의 handlerChange()를 사용하면 편집에 성공한 후 실제로 데이터를 얻을 수 있지만 이 메서드는 루프에서 호출되어 많은 작업이 혼란스러워집니다.

수정된 데이터를 서버에 업로드하는 방법을 알려주세요.

Answer 1

antd 예제를 시도했는데 EditableCell에서 편집된 값을 얻을 수 있습니다.

으아악

입력값의 변화를 실시간으로 모니터링하여 상태값을 변경하는 handlerChange 메소드가 있는데
그래서 editDone에는

으아악

편집 가능한 테이블을 다루었으니 편집 버튼과 제출 버튼이 필요하므로 <Form>을 사용하여 <Table>

으아악 으아악