render() {
    return (
      <Wrapper>
        <Title>Dogs List</Title>
        <div>
          <h2>Top Score</h2>
          {this.state.topScore}
        </div>
        <div>
          <h1>Score</h1>
          {this.state.score}
        </div>
        {this.state.Dogs.map(Dogs => (
          <Cardd
            id={Dogs.id}
            image={Dogs.image}
            clickedDogs={this.clickedImage}
          />
        ))}
      </Wrapper>
    );
  }
// Map over this.state.Dogs and render a Cardd component for each Dogs object
Map over this.state.Dogs and render a Cardd component for each Dogs object
Map over this . state . Dogs and render a Cardd component for each Dogs object
render() {
    return (
      <Wrapper>
        <Title>Dogs List</Title>
        <div>
          <h2>Top Score</h2>
          {this.state.topScore}
        </div>
        <div>
          <h1>Score</h1>
          {this.state.score}
        </div>
        {this.state.Dogs.map(Dogs => (
          <Cardd
            id={Dogs.id}
            image={Dogs.image}
            clickedDogs={this.clickedImage}
          />
        ))}
      </Wrapper>
    );
  }
render ( ) { return ( < Wrapper > < Title > Dogs List < / Title > < div > < h2 > Top Score < / h2 > { this . state . topScore } < / div > < div > < h1 > Score < / h1 > { this . state . score } < / div > { this . state . Dogs . map ( Dogs => ( < Cardd id = { Dogs . id } image = { Dogs . image } clickedDogs = { this . clickedImage } / > ) ) } < / Wrapper > ) ; }
Map over this.state.Dogs and render a Cardd component for each Dogs object
Map over this . state . Dogs and render a Cardd component for each Dogs object