Fetch data from API in Component

class myComponent extends React.Component {
  state = {
    data: null,
  };

  async componentDidMount() {
    const res = await fetch('/api/endpoint');
    const dataFromApi = res.json();
    
    this.setState({ data: dataFromApi });
  }

  render() {
    const { data } = this.state;
    
    return (
    <pre>{JSON.stringify(data, null, 4)}</pre>
    )
  }
}