El principal problema de fer clic per copiar és que pot ser pertorbador i desviar l'atenció de l'usuari. També pot provocar errors si l'usuari no entén com funciona la còpia a React.
code <button onClick={() => copyToClipboard('React code')}>Copy React code</button>
Aquesta línia de codi crea un element botó que, quan es fa clic, copiarà la cadena "Codi de reacció" al porta-retalls.
Esdeveniments a React
16
React 16 es va llançar el setembre de 2016. Aquesta versió incloïa actualitzacions del React Router, ReactDOM i React Native.
Com copiar text al porta-retalls
Hi ha algunes maneres de copiar text al porta-retalls a React.
La manera més senzilla és utilitzar el menú contextual:
Feu clic amb el botó dret a qualsevol lloc del document i seleccioneu "Copia". També podeu prémer Ctrl+C (Windows) o Command+C (Mac) per copiar el text.
Una altra manera és utilitzar la drecera del teclat: Ctrl+V (Windows) o Command+V (Mac).