mobx的一个新手问题

Question

初次使用mobx写一个todoList，遇到了问题，简略版代码如下

class Store {
    @observable todos = [];
    @action addTodo(task){
        this.todos.push({
            task,
            completed: false
        })
    }
}

class component extends React.Component {
    // 省略其他部分
    render() {
        return 
        (<div>
           <div onClick={() => this.props.addTodo('新任务')}>添加新任务</div>
          {this.props.store.todos.map(todo => <Todo>{todo.task}</Todo>)}
        </div>)
    }
}

问题

在onclick函数那里
如果onClick={this.props.addTodo.bind(this,'新任务')}这么写就会报错push is undefined
如果onClick={() => this.props.addTodo('新任务')这么写就没事，请问为什么？

Answer 1

你绑定了this, addTodo里头的this就变成组件的this了