Копировать текст в буфер обмена с помощью JS на удивление легко, поскольку большинство браузеров предлагают несколько различных способов сделать это, как показано на MDN.
По сути, все, что вам нужно сделать, это иметь элемент ввода с некоторым выбираемым текстом, который можно скопировать.
Компонент многократного использования можно создать с помощью следующего кода…
Оттуда все, что вам нужно сделать, это добавить немного стиля, добавить отдельную кнопку для обработки события щелчка и/или дать пользователю обратную связь о том, что текст был скопирован в буфер обмена, что можно сделать с помощью некоторых перечисленных приемов. в моем другом посте о самозакрывающемся всплывающем окне с хуками React.