Traditional React asynchornous data call

asynchornous_traditional.jsx

class TraditionalAsyncExample extends Component {
  constructor(props) {
    super(props);
    this.state = {
      loading: true,
      resource: undefined
    }
  }
  componentDidMount() {
    fetch(`{resourse}`).then((e)=>{
      this.setState({loading:false, resource: e})
    })
  }
  render() {
    let { loading, resource } = this.state;
    return (loading ? <div>Loading...</div> : <div>{resource}</div>);
  }
}