onClick函数在array.map

Question

我在点击ListItem时调用函数changeState但这不起作用。一些解决方案建议使用bind（）来解决这个问题，但我并不了解这一点，所以请解释一下bind（）。

class TodoList extends Component {

    constructor(props) {
        super(props);
        this.changeState = this.changeState.bind(this);
    }
    changeState() {
        console.log('change');
        //this.props.toggleToDo(param);
    }

    render() {
        const todolist = this.props.todos;
        return (
            <div>
                <ul>
                {
                    todolist.map(function(listValue) {
                        return <ListItem key={listValue.id} text={listValue.text} onClick={this.changeState} />
                    })
                }
                </ul>
            </div>
        );
    }
}