#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
}