我是 React 的新手，我似乎無法弄清楚這一點。我正在嘗試在線練習，當我嘗試在我的子組件上傳遞事件時，我收到錯誤“無法讀取未定義的屬性'handleClick'”錯誤。這是我的代碼。import React from "react";import TodoItems from "./TodoItems";import TodoComponent from "./TodoComponent";class App extends React.Component {  constructor() {    super();    this.state = {      todoanItem: TodoItems    };    this.handleClick = this.handleClick.bind(this);  }  handleClick(id) {    this.setState(function(state) {      const newstate = state.todoanItem.map(function(todo) {        if (todo.id === id) {          todo.complete = !todo.complete;        }        return todo;      });      return {        todoanItem: newstate      };    });  }  render() {    const theItems = this.state.todoanItem.map(function(item) {      return (        <TodoComponent          key={item.id}          item={item}          handleClick={this.handleClick}        />      );    });    return <div>{theItems}</div>;  }}export default App;import React from "react";class TodoComponent extends React.Component {  render() {    return (      <div className="todo-items">        <input          type="checkbox"          checked={this.props.item.completed}          onChange={event => this.props.handleClick(this.props.item.id)}        />        <p>{this.props.item.todo}</p>      </div>    );  }}export default TodoComponent;