States

States on võimalus Reactis kasutada muutuvaid andmeid. Esmalt tuleb konstrueerida States algstaatus e anda kasutatavale muutujale algväärtus:

constructor() {
    super();
    this.state={
      loendur:0
    }
  }

Muuta saab seda meetodiga setState:

klikiSyndmus() {
     this.setState({loendur: this.state.loendur +1});
   }

App.js:

import React, {Component} from 'react';

 let nimi='Juku';
export default class App extends Component {
  constructor() {
    super();
    this.state={
      loendur:0
    }
  }
   klikiSyndmus() {
     this.setState({loendur: this.state.loendur +1});
   }
  render () {
    return (
      <h1 onClick={this.klikiSyndmus.bind(this)}>{nimi}, oled vajutanud {this.state.loendur} korda!</h1>
    );
  }
}

NB! Et klikiSyndmuse funktsioon oleks komponendi piires juurdepääsetav this-ga, tuleb sellele lisada _bind(this) _meetod.