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了