score:1

Accepted answer

you passed down the root-component's player-state as a property to home. so you have to access it from props.

just update your home component to the following:

class home extends component {
  render(){
    return (
     <div classname="add-players">
      <players players={this.props.players}/>
      <div classname="add-player"></div>
        <button classname="start-btn">
        <i classname="material-icons">play_arrow</i> <p>let's play!</p>
        </button>
     </div>
    );
  }
}

export default home;

Related Query

More Query from same tag