CardWithComputedData.js

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

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

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

  render() {
    const { listingId } = this.props;
    const { favoriteListings } = this.state;
    const isFavorite = favoriteListings.indexOf(listingId) > -1;
    return (
       <ListingCard isFavorite={isFavorite} onHeartClick={onFavoriteClick} />
     );
  }
}