CardWithNormalizedData.js

class ListingCard extends React.Component {
  state = {
    isFavorite: false,
    favoriteListings : [],
  }

  async componentDidMount() {
    const { listingId } = this.props;
    const favoriteListings = await getData();
    const isFavorite = favoriteListings.indexOf(listingId);
    this.setState({ favoriteListings, isFavorite });
  }

  onFavoriteClick(listingId) {
    const { favoriteListings } = this.state;
    await callServerApi(listingId);
    const favoriteListings = favoriteListings.push(listingId);
    this.setState({ isFavorite: !this.state.isFavorite, favoriteListings });
  }

  render() {
    const { isFavorite } = this.state;
    return (
       <ListingCard isFavorite={isFavorite} onHeartClick={onFavoriteClick} />
     );
  }
}