DataGrid上的CloneButton转到编辑页面

Question

我有以下代码：

<Datagrid rowClick="edit">
  <TextField source="id" label="Id" />
  <TextField source="token" label="Token" />
  <LinkResourceField
    label="Company"
    source="company.id"
    reference={record =>
      `${Pluralize.plural(get(record, 'company.category', 'company'))}`
    }
    display="company.name"
    sortable={false}
  />
  <TextField source="status" label="Status" />
  <CloneButton />
</Datagrid>

CloneButton确实出现了，但是当我点击它时，它首先创建页面，但最后它会转到我点击的记录的编辑页面。

有谁知道为什么会发生这种情况？无论如何设置CloneButton以阻止它触发rowClick？

感谢您的阅读和帮助。

Answer 1

感谢大家的帮助。

我能够在react-admin上设置一个bug和一个PR来解决这个问题。 https://github.com/marmelab/react-admin/pull/3006

现在使用react-admin版本2.8.2修复此问题。

每个人的评论都非常有帮助，没有它我就无法到达这里。

同样非常感谢react-admin团队快速批准和发布新版本。

Answer 2

你能不能这样做：

<CloneButton onClick={event => {
  event.stopPropagation()
  event.preventDefault()
  // do something here
} />