SingleBird.js

import React from 'react'

const SingleBird = props => {
  return (
    <div className="singleBird">
      <h3>{props.bird.name}</h3>
      <p>{props.bird.fed ? 'I have been fed!' : 'I need some food'}</p>
      <button onClick={() => props.feedBird(props.bird.id)}>Feed</button>
    </div>
  )
}

SingleBird.propTypes = {
  feedBird: PropTypes.func.isRequired,
  bird: PropTypes.shape({
    id: PropTypes.number,
    name: PropTypes.string,
    fed: PropTypes.bool
  }).isRequired
}

export default SingleBird