问我在尝试执行以下代码时变得未定义

EN

import React from "react";
import todosData from "./TodoData";
import ToDoItems from "./ToDoItems";

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      todos: todosData
    };
    this.handleChange = this.handleChange.bind(this);
  }

  handleChange(id) {
    this.setState(prevState => {
      const updateTodo = prevState.todos.map(todo => {
        if (todo.id === id) {
          todo.completed = !todo.completed;
        }
        return todo;
      });
      return {
        todos: updateTodo
      };
    });
  }
  render() {
    const that = this;
    const todoData = this.state.todos.map(function(item) {
      return (
        <ToDoItems key={item.id} item={item} handleChange={that.handleChange} />
      );
    });
    return <div>{todoData}</div>;
  }
}
export default App;