React Js Download JSON Data

    const { useState } = React;

    function App() {

      const data = [

        {

          name: 'Sophia Harris',

          age: 22,

          email: 'sophiaharris@example.com'

        },

        {

          name: 'Matthew Taylor',

          age: 33,

          email: 'matthewtaylor@example.com'

        }

      ];

​

      const downloadFile = () => {

        const jsonData = JSON.stringify(data, null, 2);

        const blob = new Blob([jsonData], { type: 'application/json' });

        const url = URL.createObjectURL(blob);

​

        const link = document.createElement('a');

        link.href = url;

        link.download = 'data.json';

​

        document.body.appendChild(link);

        link.click();

​

        URL.revokeObjectURL(url);

        document.body.removeChild(link);

      };

​

      return (

        <div className='container'>

          <h3>React Download JSON Data on Click</h3>

          <button onClick={downloadFile}>Download JSON Data</button>

        </div>

      );

    }

​

    ReactDOM.render(<App />, document.getElementById("app"));

  </script>