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

感谢大家的帮助。

我能够提出一个bug和PR来解决react-admin上的这个问题。 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
} />

DataGrid上的CloneButton转到编辑页面

2 个答案: