/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

15 votes147 views1 answer
Reducer in react example
Javascript React
0 vote189 views1 answer
Create a link in react js to download xcelfile
Javascript React
19 votes163 views3 answers
React Hooks append state
Javascript React
0 vote164 views1 answer
How to setup icomoon in react js
Javascript React
12 votes150 views1 answer
Suspense react
Javascript React
0 vote155 views1 answer
User account in react
Javascript React
0 vote165 views1 answer
How to install yup in react native
Javascript React
8 votes141 views3 answers
Change title react
Javascript React
0 vote161 views1 answer
React input mask ref
Javascript React
0 vote170 views1 answer
React unfocus check
Javascript React