Estoy tratando de permitir que mis usuarios descarguen datos a través de un botón de reacción.

Intenté usar el protector de archivos, como ejemplo a continuación.

 const saveFile = () => { fileSaver.saveAs( process.env.REACT_APP_CLIENT_URL + "/resources/cv.pdf", "MyCV.pdf" ); }; <button className="cv" onClick={saveFile}> Download File </button>

Con mi aplicación, tengo datos en json que están almacenados en el cliente que quiero devolver como un objeto json, el componente se ve así

 export default function Analytics() { const { magicData, swordData, .... } = useAnalytics(); // console.log(sentimentData) return ( <div className="relative"> ...... <button className="shadow-md fixed right-20 bottom-20 z-10 focus:outline-none focus:ring-4 focus:ring-blue-500 focus:ring-opacity-50 rounded-full px-5 text-white py-2 bg-blue-500" > Export Data <BiEdit className="inline" /> </button> </div> ); }

¿Cómo haría para tomar datos de magia y espada y devolverlos al usuario en un archivo JSON? No hay instrucciones claras que pueda encontrar sobre cómo tomar datos del lado del cliente o datos obtenidos para el caso.