/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 vote224 views1 answer
Reactjs lifecycle class components
Javascript React
1 vote202 views1 answer
React native modal not full screen
Javascript React
0 vote216 views2 answers
React router dom link same page with different param
Javascript React
0 vote231 views1 answer
Donwload data from react js in json file
Javascript React
1 vote237 views1 answer
React native textinput not show cursor
Javascript React
1 vote207 views1 answer
Unordered list in react native
Javascript React
0 vote200 views1 answer
How to run bare react-native project
Javascript React
0 vote212 views1 answer
How to detect an element is been hovered in react
Javascript React
1 vote203 views1 answer
Found page without a React Component as default export in
Javascript React
262 votes726 views6 answers
Create a react native project
Javascript React