Как скопировать ссылку в буфер обмена, полученную из API в react

#reactjs #copy #clipboard

#reactjs #Копировать #буфер обмена

Вопрос:

Я попытался найти информацию по этому вопросу, и ее там много, но ничего, относящегося к этой конкретной проблеме.

У меня есть API, который предоставляет массив JSON, который также предоставляет ссылку в самом json, поэтому в пользовательском интерфейсе я создал разные карточки для разных результатов, на карточках размещена кнопка «Поделиться», при нажатии кнопки «Поделиться» она должна копировать ссылки, определенные в JSON, в буфер обмена.

как я могу это сделать? может кто-нибудь, пожалуйста, помочь мне в этом

 handleSubmit = (e, url) => {
const assignURL = window.copy(url);
copy(assignURL)
}

<Button
onClick={(e) =>
this.handleSubmit(e, json.link)}
>share</Button>
  

Как скопировать ссылку в handle submit, которая извлекается из json?

Комментарии:

1. попробуйте этот пакет npmjs.com/package/react-clipboard.js?activeTab=readme

Ответ №1:

вы можете использовать document.execCommand для решения вашей проблемы:

 handleSubmit = (e, url) => {
  const assignURL = url
  
  assignURL.select()

  document.execCommand('copy')

  // now it is in your clipboard

}