/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 vote275 views1 answer
React native making bigger hitbox
Javascript React
0 vote245 views1 answer
Reactjs fix ios apostrophe encoding
Javascript React
26 votes296 views6 answers
React js
Javascript React
4 votes271 views1 answer
Use of useNavigate from 'react-router-dom'
Javascript React
0 vote297 views1 answer
How to add comma in react map
Javascript React
0 vote268 views1 answer
How to disable reactive form submit button in Angular
Javascript React
0 vote252 views1 answer
Detect finishing write react input
Javascript React
0 vote220 views1 answer
Build function component react
Javascript React
1 vote307 views2 answers
Push values to state array class react
Javascript React
0 vote284 views1 answer
Limit values that satisy a url parameter react-router
Javascript React