React Admin Datagrid如何豁免操作列触发行跳转至编辑视图？

问题根源是事件冒泡：你给Datagrid设置了rowClick="edit"，当点击行内的Delete按钮时，点击事件会向上冒泡到行元素，触发行的跳转逻辑。

解决方法很直接，在Delete按钮的点击事件中阻止事件冒泡即可：

修改FunctionField的代码如下：

<FunctionField 
  label="Action"  
  render={ (rec: any) => (
    <Delete 
      onClick={(e) => {
        e.stopPropagation(); // 阻止事件冒泡到行元素
        handleDelete(rec);
      }} 
    />
  )}  
/>

这样调整后，点击Delete按钮只会执行handleDelete的逻辑，不会触发行的跳转操作；行内其他区域的点击依然可以正常触发编辑跳转。

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