关于mobx中的action(写法问题,必须包裹在匿名函数里(并非必须,写成箭头函数的形式))

@ckinmind 2017-03-04 15:17:38发表于 ckinmind/ReactCollect mobx

在测试一个简单的Counter时遇到的问题

class CounterStore {
    @observable count=0;

    @action increment(){
        this.count ++;
    }
    @action decrement(){
        this.count --;
    }
}

@observer
class Counter extends React.Component{

 render(){
        return (
               ...
              <span onClick={this.todoStore.decrement} className={cx('span','l')}>-</span>
                 {this.todoStore.count}
             <span onClick={()=>this.todoStore.increment()} className={cx('span', 'r')}>+</span>
                   ...
        )}

这里的两种写法,一种是this.todoStore.decrement另一种是()=>this.todoStore.increment()
结果第二种不起作用, 为什么