/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

2 votes391 views1 answer
How to clear state in react hooks
Javascript React
24 votes327 views6 answers
React map
Javascript React
17 votes362 views3 answers
React canvas clear
Javascript React
36 votes357 views2 answers
How to install react router dom version 5
Javascript React
6 votes404 views5 answers
Scroll to top in react
Javascript React
2 votes380 views1 answer
React allow only numbers in input
Javascript React
0 vote429 views1 answer
Missing script: "start" react
Javascript React
0 vote306 views1 answer
Circle button react native
Javascript React
0 vote341 views1 answer
Reactjs fix ios apostrophe encoding
Javascript React
0 vote324 views1 answer
Open xcode shorthand react native
Javascript React