mcr_post_12

mcr_post_12.jsx

const FoodList = ({ loaded, data }) => {  
  if (!loaded) {
    return <Spinner />
  }

  const { foodItemsWithFacts } = data;

  return (
    <ul className="food-list">
      {
        foodItemsWithFacts.map(({ name, quantity fact}) => (
          <li>
            <p>{name} quantity: {quantity}</p>
            <p>{fact}</p>
          </li>
        ))
      }
    </ul>
  )
}