/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 vote210 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
24 votes224 views4 answers
React copy to clipboard button
Javascript React
0 vote200 views1 answer
How to put react compnent to bottom
Javascript React
2 votes246 views3 answers
Linear gradient reactjs
Javascript React
4 votes220 views1 answer
On window resize react
Javascript React
0 vote223 views1 answer
React native pure component vs component
Javascript React
0 vote222 views1 answer
Preview image before upload reactjs
Javascript React
7 votes211 views5 answers
Resize image react native
Javascript React
0 vote209 views1 answer
React-native-cli remove
Javascript React
0 vote232 views2 answers
Undo npm run eject react
Javascript React