render(){
    return(
      <div>
        <img src={this.props.pData.sprites.front_default} />
        <p>Name: {this.props.pData.name}</p>
        <p>Pokemon ID: {this.props.pData.id}</p>
      </div>
    );
  }
// the render method that returns a <div> with the image of the pokemon, the name, and the pokemon id.
the render method that returns a  with the image of the pokemon, the name, and the pokemon id.
the render method that returns a with the image of the pokemon the name and the pokemon id .
render(){
    return(
      <div>
        <img src={this.props.pData.sprites.front_default} />
        <p>Name: {this.props.pData.name}</p>
        <p>Pokemon ID: {this.props.pData.id}</p>
      </div>
    );
  }
render ( ) { return ( < div > < img src = { this . props . pData . sprites . front_default } / > < p > Name:  { this . props . pData . name } < / p > < p > Pokemon ID:  { this . props . pData . id } < / p > < / div > ) ; }
the render method that returns a <div> with the image of the pokemon, the name, and the pokemon id.
the render method that returns a <div > with the image of the pokemon the name and the pokemon id .