React AG Grid：如何触发单元格双击事件以直接进入编辑状态

你可以使用AG Grid的startEditingCell API来实现需求，它能直接让指定单元格进入编辑状态，效果等同于用户双击单元格的操作。

修改你现有代码如下：

useEffect(() => {
  if (
    editMode &&
    gridRef.current?.api &&
    ppsColumns &&
    ppsColumns.length > 0 &&
    lastSelected === undefined
  ) {
    const targetField = ppsColumns[0].field;
    // 调用startEditingCell直接进入编辑状态
    gridRef.current.api.startEditingCell({
      rowIndex: 0,
      colKey: targetField
    });
  }
}, [editMode, gridRef, ppsColumns, lastSelected]);

关键说明： #

• startEditingCell接收一个配置对象，其中rowIndex是目标行的索引，colKey是目标列的字段名（对应你定义的field属性）
• 修正了useEffect的依赖项：gridRef.current不适合作为依赖（ref的current属性更新不会触发useEffect），改为直接依赖gridRef本身，同时补充ppsColumns和lastSelected确保依赖完整性

内容的提问来源于stack exchange，提问作者Aessandro