/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 vote237 views2 answers
Call a method of component from outside react
Javascript React
66 votes215 views6 answers
Routing react
Javascript React
0 vote228 views1 answer
Hide component blur react hooks
Javascript React
0 vote239 views2 answers
Editable pre input react
Javascript React
0 vote267 views9 answers
How to run a cloned react native project
Javascript React
-1 vote235 views1 answer
React-native run-ios command
Javascript React
126 votes320 views4 answers
React app using npm
Javascript React
5 votes219 views1 answer
React-select
Javascript React
0 vote254 views1 answer
Simbu react1
Javascript React
0 vote227 views1 answer
React event for modals
Javascript React