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了