javascript - React 组件不适用于 ES6

Question

我用 React 编写了这个计时器组件，它可以在 es5 上运行，但由于某些原因它不能在 es6 上运行..

class Timer extends React.Component{
  constructor() {
    super();
    this.state = {start: 15}
    }

  tick() {
    this.setState ({start: this.state.start - 1});
  }

  componentDidMount() {
    this.interval = setInterval(this.tick, 1000);
  }

  componentWillUnmount() {
    clearInterval(this.interval);
  } 

  render() {
    return <h1> Time here:  {this.state.start}</h1>
  }
}

ReactDOM.render(<Timer />, document.getElementById('app'));

需要指出的是，我对 React 不太熟悉，仍在进一步提高自己。

Answer 1

您需要绑定(bind)勾选

  constructor() {
    super();
    this.state = {start: 15}
    this.tick = this.tick.bind(this)
    }