tuto3_Pokedex1.jsx

'use strict';

import React from 'react';

class Pokedex extends React.Component {
  constructor() {
    super();
    this.state = {id : 0};
    this.arrowRight = this.arrowRight.bind(this);
    this.arrowLeft = this.arrowLeft.bind(this);
  }
  makeRequest(id) {
    this.setState({
      id
    }, () => {
      console.log(this.state);
    });
  }
  arrowRight() {
    this.makeRequest(this.state.id + 1);
  }
  arrowLeft() {
    if (this.state.id) {
      this.makeRequest(this.state.id - 1);
    }
  }
  render() {
    return (
      <div>
        Hello World !
        <button onClick={this.arrowLeft}>Left</button>
        <button onClick={this.arrowRight}>Right</button>
      </div>
    );
  }
};

export default Pokedex;