click

0000

jsx code

1234567890101234567890201234567890301234567890401234567890501234567890601234567890701234567890801234567890901234567890100123
  1. class MyComponent extends migi.Component {
  2.   constructor(data) {
  3.     super(data);
  4.     this.index = 0;
  5.   }
  6.   @bind index
  7.   handleClick() {
  8.     this.index++;
  9.   }
  10.   render() {
  11.     return (
  12.       <div>
  13.         <p onClick={ this.handleClick }>click</p>
  14.         <p><span>{ this.index }</span>{ this.index } { this.index }<strong>{ this.index }</strong></p>
  15.       </div>
  16.     );
  17.   }
  18. }
  19.  
  20. migi.render(
  21.   <MyComponent />,
  22.   '#example'
  23. );
class MyComponent extends migi.Component {
  constructor(data) {
    super(data);
    this.index = 0;
  }
  @bind index
  handleClick() {
    this.index++;
  }
  render() {
    return (
      <div>
        <p onClick={ this.handleClick }>click</p>
        <p><span>{ this.index }</span>{ this.index } { this.index }<strong>{ this.index }</strong></p>
      </div>
    );
  }
}

migi.render(
  <MyComponent />,
  '#example'
);