информация о линии доступа, номер идентификатора линии и событие onChanged

Question

Как я могу получить информацию о линии и идентификационный номер, который я хочу редактировать. Также как я могу получить доступ к событию onChanged? Вы можете мне помочь?

1. Я хочу получить информацию о строке, которую хочу отредактировать.
2. Я хочу получить номер идентификатора строки, которую я хочу отредактировать.
3. Как я могу получить доступ к событиям onChanged? Итак, как я могу понять, когда текстовое поле изменяется?

`

  import React, { Component } from "react";
  import Paper from '@material-ui/core/Paper';
  import { EditingState,SearchState,IntegratedFiltering, GroupingState,  IntegratedGrouping,} from '@devexpress/dx-react-grid';
  import {  ColumnChooser,  Grid,  Table,  TableColumnResizing,  TableColumnVisibility,  TableEditColumn,  TableEditRow,  TableFixedColumns,  TableHeaderRow,  Toolbar,  SearchPanel,  TableGroupRow,  GroupingPanel,  DragDropProvider,} from '@devexpress/dx-react-grid-material-ui';


  class UserInformation extends Component {
    constructor(props) {
      super(props);
      this.state = {
        isLoaded: true,
       columns: [
         {name: 'name', title: 'Name'},
         {name: 'city', title: 'city'}
       ],
       rows : [
         { sex: "Female", name: "Sandra", city: "Las Vegas", car: "Audi A4" },
         { sex: "Male", name: "Paul", city: "Paris", car: "Nissan Altima" },
         { sex: "Male", name: "Mark", city: "Paris", car: "Honda Accord" },
         { sex: "Male", name: "Paul", city: "Paris", car: "Nissan Altima" },
         { sex: "Female", name: "Linda", city: "Austin", car: "Toyota Corolla" }
       ]
     };
     this.commitChanges = this.commitChanges.bind(this);
    //this.getRowId = this.getRowId.bind(this);
    }
   }




   commitChanges({ added, changed, deleted }) {
     let { rows } = this.state;
     let changedRows;

     if (added) {
       console.log("added")
      }
     if (changed) {
       changedRows = rows.map(row => (changed[row.id] ? { ...row, ...changed[row.id] } : row));
       console.log("changed");
       console.log(rows.map(row => (changed[row.id])))
      }
     if (deleted) {
       console.log("deleted")
     }
    };
    //getRowId(row) {
    //  console.log(this.state.rows.indexOf(row));
    //  return this.state.rows.indexOf(row);
    //}


   render() {
     const { isLoaded, drList, rows, columns } = this.state;
     if (!isLoaded) {
       return <div>Loading...</div>;
     } else {
       return (
         <div className={"animated fadeIn "}>
        <Row>
           <Paper>
              <Grid
               rows={rows}
               columns={columns}
               getRowId={this.getRowId}
             >
            <EditingState
             onCommitChanges={this.commitChanges}
            />
            <Table
              /*columnExtensions={tableColumnExtensions}*/
            />
            <TableHeaderRow />
            <TableEditRow />
            <TableEditColumn
             showAddCommand
             showEditCommand
             showDeleteCommand
           />
           </Grid>
         </Paper>
         </Row>
       </div>
     );
     }
    }
   }
   export default UserInformation;