/Javascript/React/How to download json object that come from backend in react

How to download json object that come from backend in react

const downloadFile = async () => {
  const {myData} = this.state; // I am assuming that "this.state.myData"
                               // is an object and I wrote it to file as
                               // json
  const fileName = "file";
  const json = JSON.stringify(myData);
  const blob = new Blob([json],{type:'application/json'});
  const href = await URL.createObjectURL(blob);
  const link = document.createElement('a');
  link.href = href;
  link.download = fileName + ".json";
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}

Source: stackoverflow.com

Similar codes

0 vote181 views1 answer
React js loop through array of objects
Javascript React
6 votes195 views4 answers
Add items to a react array in hooks
Javascript React
0 vote194 views1 answer
Show and hide div based on radio button click react
Javascript React
0 vote175 views1 answer
Import React from 'react'; import {Router, Scene} from 'react-native-router-flux';
Javascript React
0 vote186 views2 answers
Automated counter with react hooks
Javascript React
0 vote205 views1 answer
Out of memory gc overhead limit exceeded. react native
Javascript React
37 votes136 views5 answers
React sass
Javascript React
-2 votes211 views3 answers
Keyboard dismiss in react native
Javascript React
0 vote187 views1 answer
Show and Hide element in react
Javascript React
1 vote251 views1 answer
React native text capitalize
Javascript React