为什么反应状态不起作用？

Question

我需要通过点击来改变状态。这是我的代码：

var List = React.createClass({

    getInitialState : function() {

      return {data : [], currentPage : 0} ;

    },
    componentDidMount : function() {
      this.getData() ;
    },
    getData : function() {
      console.log(this.state.cuurrentPage) ;
      //this is getting data from the server
    },
    incrementPage : function() {
      this.setState({currentPage : this.state.currentPage + 1}) ;
      this.getData() ;
    },
    return : function() {
     <button onClick={this.incrementPage}>More</button>
    }

})

但只有在第一次点击后才会发生变化。第一次点击后，我得到默认状态"0"，但是当我第二次点击时，我会更改状态"1"。

为什么会这样？如何在第一次点击后改变状态？