/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

7 votes248 views2 answers
How to import js via script in react
Javascript React
0 vote254 views1 answer
How to disable RectButton from react-native-gesture-handler
Javascript React
2 votes245 views1 answer
Vertical align center react native view
Javascript React
3 votes215 views1 answer
UseHistory is not exported form react-router-dom
Javascript React
0 vote261 views1 answer
How to show content-type:image/jpg in react
Javascript React
0 vote250 views2 answers
React js big calendar
Javascript React
32 votes195 views4 answers
React update state array of objects
Javascript React
10 votes206 views4 answers
Attempted import error 'switch' is not exported from 'react-router-dom'. in react js
Javascript React
0 vote299 views1 answer
How to make react native dapp truffle
Javascript React
0 vote257 views1 answer
React native firebase
Javascript React