Tengo un back-end de Flask y un front-end de React. En algún momento, los datos se envían desde el back-end al front-end, donde los datos se utilizan para varias cosas. De cualquier manera, cuando los datos provienen del back-end al front-end, simplemente los guardo de la siguiente manera cuando se carga la página:
const [data, setData] = useState[] useEffect(() => { setData(<data from backend>); }, []); Por lo tanto, mis datos ahora deben almacenarse como data . Y data aquí son solo una matriz de números/valores. Ahora me gustaría simplemente hacer clic en un botón o algo, y luego copiar los datos en el portapapeles, donde puedo pegarlos en Excel o algo así.
Parece que no puedo encontrar ninguna buena solución para esto. Entonces, me preguntaba cómo se hace esto y si es posible sin escribir 100 líneas de código.
Puede configurar el texto del portapapeles con:
navigator.clipboard.writeText(data)y puede configurar el evento onClick o configurarlo en el gancho useEffact definido después de obtener los datos.