Ag-grid react唯一设置行节点ID

Question

我有 ag-grid 表，它从服务器接收一些数据，并将每行的行节点 id 设置为每个相应记录的主键

const getRowNodeId = (data) => {
   return data.desgn_id;
};

现在我有一个按钮，当按下该按钮时，将向 ag-grid 表添加一个新行，该行将由用户进一步编辑，完成后，用户将按下一个保存按钮，该按钮将向服务器发送 POST 请求。 添加按钮处理程序如下所示：

  const addRowHandler = () => {
    let newRowNode = { emp_mast: 1 };
    gridApi.current.applyTransaction({
      add: [newRowNode],
    });
  };

添加的行没有主键，我应该如何为新行唯一设置行节点 ID。

Answer 1

您可以使用 uuidv4() 库来创建一个唯一的字符串来执行此操作

const addRowHandler = () => {
    let rowNodeId = uuidv4();
    let newRowNode = { emp_mast: 1, row_node_id: rowNodeId};
    gridApi.current.applyTransaction({
      add: [newRowNode],
    });
  };