React fetch note

fetch.jsx

import React from "https://cdn.skypack.dev/[email protected]";
import ReactDOM from "https://cdn.skypack.dev/[email protected]";

function Demo ({inpv}) {
  return (<pre><code>{inpv}</code></pre>);
}

function App () {
  const [text, setText] = React.useState("Waiting...");
  
  const fetch_data = function() {
    fetch(`https://jsonplaceholder.typicode.com/users`)
      .then(response => response.json())
      .then(data => setText(JSON.stringify(data, null, 2)))
      .catch(error => setText("Error"));
  }
  
  fetch_data()
  
  return <Demo inpv={text}/>;
}

ReactDOM.render(<App />, document.getElementById("root"));