编辑：更详细地扩展我的答案。

您必须设置一个“valueSetter”函数，并将其设置在每一列上。最简单的方法是使用 defaultColDef。请注意，我表中的每一行都是一个“交易”，因此您会看到对交易的引用，而不是其他一些形式的标识。

例如：

<AgGridReact
      // OPTIONS REQUIRED FOR OPTIMIZATION WITH REACT
      reactNext
      deltaRowDataMode
      getRowNodeId={data => data.transaction_id}

      // OTHER OPTIONS
      rowSelection="multiple"
      editType="fullRow"

      // TABLE DATA
      defaultColDef={{ ...defaultColDef, valueSetter }}
      columnDefs={columns}
      rowData={transactions}

      // DISPLAY
      rowClassRules={rowClassRules}

       // EVENTS
      onGridReady={onGridReady}
      onRowEditingStarted={onRowEditingStarted}
      onRowEditingStopped={onRowEditingStopped}

    />

不要忘记 react 和 redux 所需的优化项。（reactNext、deltaRowDataMode、getRowNodeId）。

我定义的 defaultColDef 很简单：

defaultColDef: {
  resizable: true,
  sortable: true,
  filter: true,
  editable: true,
},

valueSetter 是一个定义非常简单的函数：

const valueSetter = (params) => {
  allActions.columnEdit(params.data, params.oldValue, params.newValue, params.colDef);
  return false;
};

allActions.columnEdit 只是调用我在导入中定义的 Redux 操作，然后与 connect() 和 mapDispatchToProps 绑定。返回 false 是防止状态变化所必需的。确保您的 redux 操作处理您需要做的任何事情。这是我的例子：

  case actionTypes.COLUMN_EDIT: {
  // FOR EACH COLUMN EDITED, CHECK IF ANYTHING CHANGED
  // POST CHANGES TO NEW STATE
  if (payload.oldValue !== payload.newValue) {
    const account = 'acct01';
    const column = payload.colDef.field;
    const index = state[account].transactions.findIndex(
      t => t.transaction_id === payload.t.transaction_id,
    );
    return produce(state, (draft) => {
      const transaction = draft[account].transactions[index];
      transaction[column] = payload.newValue;
    });
  }
  return state;
}

希望这可以帮助。对于应该由 Ag-Grid 直接处理的内容，似乎有很多额外的解决方法，但也许他们会在未来进行一些开发。

https://www.ag-grid.com/javascript-grid-value-setters/