Pattern: setState with callback API call and Conditional rendering

CarsList.js

// https://hackernoon.com/do-more-with-less-using-render-props-de5bcdfbe74c

export default class CarsList extends React.Component {
  state = {
    cars: [],
    isLoading: false,
  };

  _fetch = async () => {
    const res = await fetch("api/url");
    const json = await res.json();
    
    this.setState({ cars: json, isLoading: false });
  };

  componentDidMount() {
    this.setState({ isLoading: true }, this._fetch); 
  }

  render() {
   const { cars, isLoading } = this.state;
    
   return (
     <div>
      <h3>My cards</h3>
      {isLoading && <p>Loading cards m8</p>}
      {cars.length > 0 && (
        <ul>
          {cars.map(car => (
            <li key={car.id}>
              {car.title}
            </li>
          )}
        </ul>
      )}
    </div>  
   );
  }
}