CloneButton на DataGrid переходит на страницу редактирования

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

Спасибо всем за помощь.

Мне удалось исправить ошибку и PR, чтобы решить эту проблему на реагирующем администраторе.https://github.com/marmelab/react-admin/pull/3006

Теперь это исправлено в реакции-admin версии 2.8.2.

Все комментарии были очень полезными, и я не смог бы попасть сюда без него.

Также большое спасибо реагирующему администратору за быстрое утверждение и выпуск новой версии.

Answer 2

Не могли бы вы сделать это:

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