He estado atascado en este problema por un tiempo y no pude encontrar nada que me ayude, así que me encantaría que alguien con experiencia pudiera ayudarme con esto.
digamos que tengo esta const:
const test = "Hello World".
¿Cómo puedo tener una función onClick en un botón, donde cuando hago clic copia la cadena de prueba en el portapapeles de los usuarios?
puede agregar el botón en la página de reacción:
<button onClick={() => navigator.clipboard.writeText('Copy this text to clipboard')}>Copy</button>Para copiar un texto en el portapapeles, puede usar navigator.clipboard y document.execCommand() en navegadores más antiguos.
onClick={async () => { if ("clipboard" in navigator) { await navigator.clipboard.writeText("Text which you want to copy"); } else { document.execCommand("copy", true, "Text which you want to copy"); } }}