Поймать и изменить запрос URL-адреса для удаления

Я делаю компонент карты с реакцией, и мне нужна возможность удалить эту карту.

Я создал menu list с href и data-toggle modal вот так:

<MenuItem href='#' data-toggle='modal' data-target='#confirmDelete' data-destroy-url = {`http://foo.com/${this.props.card.id}`}> delete </MenuItem>

Он открывает окно, в котором я должен подтвердить удаление этого шаблона карты, но когда я подтверждаю, он не работает, потому что нет маршрута для:

[Delete] http://foo.com/

Но хочу удалить http://foo.com/cardId

Есть ли способ изменить этот URL-адрес запроса на правильный?

В качестве компонента карты я использую RMWC.

Спасибо вам всем.

Обновлять:

Возможно, мне стоит добавить эту информацию, в прошлом компонент карты создавался с помощью html на Ruby on Rails, как это

<%= link_to t(".delete"), '#', data: {toggle: "modal", target: "#confirmDelete", destroy_url: card_template_url(card_template)} %>

Я уже сделал меню на основе того же примера, которое отлично работает

Раньше было так:

<%= link_to t(".duplicate"), '#', data: {toggle: "modal", target:
"#duplicateModal", source_duplicate: card_template.id.to_s} %>

и я сделал это в ответ:

<MenuItem href='#' data-toggle='modal' data-target='#duplicateModal' data-source-duplicate = {this.props.card.id}> duplicate </MenuItem>

Это образцовая работа.