/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 vote172 views1 answer
React include a polyfill webpack v5
Javascript React
0 vote159 views1 answer
Discord bot remove message reaction
Javascript React
0 vote125 views1 answer
Network display react native
Javascript React
0 vote120 views2 answers
Get data from url using react
Javascript React
3 votes102 views2 answers
Autocomplete react jsx attributes vscode
Javascript React
69 votes111 views6 answers
React icon
Javascript React
0 vote99 views1 answer
Failed to construct image react-native
Javascript React
0 vote107 views1 answer
Reactbootstrap multiselect
Javascript React
-2 votes130 views1 answer
You are running Node 8.10.0. Create React App requires Node 10 or higher. Please update your version of Node.
Javascript React
0 vote104 views1 answer
(0 , _reactRouterDom.useHistory) is not a function
Javascript React