Listing 4-7: An improved version of the Farm component

Old McDonald had a farm.

On his farm he had some pigs.

On his farm he had some cows.

On his farm he had some chickens.

import {useState} from 'react';
import ImprovedFarm from './ImprovedFarm';

export default function ImprovedFarms(){
  const initialFarms = [{
      farmer:"Old McDonald",
      animals:['pigs','cows','chickens']}];  
  const [farms] = useState(initialFarms);
  return(
    <>
      {
      farms?
        farms.map((farm,index)=><ImprovedFarm key={index} farmer={farm.farmer} animals={farm.animals} />):
        null
      }
    </>
  )
}