O principal problema de clicar para copiar é que pode atrapalhar e tirar o foco do usuário. Também pode levar a erros se o usuário não entender como a cópia funciona no React.
code <button onClick={() => copyToClipboard('React code')}>Copy React code</button>
Essa linha de código cria um elemento de botão que, quando clicado, copia a string “React code” para a área de transferência.
Eventos em React
16
O React 16 foi lançado em setembro de 2016. Esta versão incluiu atualizações para o React Router, ReactDOM e React Native.
Como copiar texto para a área de transferência
Existem algumas maneiras de copiar texto para a área de transferência no React.
A maneira mais simples é usar o menu de contexto:
Clique com o botão direito do mouse em qualquer lugar do documento e selecione "Copiar". Você também pode pressionar Ctrl+C (Windows) ou Command+C (Mac) para copiar o texto.
Outra maneira é usar o atalho de teclado: Ctrl+V (Windows) ou Command+V (Mac).