title: In my React app I cannot get the removePlayer method to be passed to the Player component as a prop
body: <p>I am able to see the name, key and Id props when I inspect the element, but not removePlayer. When I inspect the element I do the the removePlayer prop but its value is empty.</p>
  
  <pre><code>class App extends React.Component {
    state = {
      players: [
      {name: 'player1', id: 1},
      {name: 'player2', id: 2},
      {name: 'player3', id: 3},
      {name: 'player4', id: 4 }
    ]
    }
  
    removePlayer = (id) =&gt; {
      this.setState( prevState =&gt; {
        return {
          players: prevState.players.filter( p =&gt; p.id !== id)
        }
      })
    }
  
    render() {
      return (
        &lt;div className="scoreboard"&gt;
          &lt;Header title="Scoreboard" totalPlayers={this.state.players.length}/&gt;
          {this.state.players.map( player =&gt; {
           return (
             &lt;Player
               name={player.name}
               id={player.id}
               removePlayer={this.removePlayer}
               key={String(player.id)}&gt;
             &lt;/Player&gt;)
          })}
        &lt;/div&gt;
      );
    }
  }
  </code></pre>