我正在使用復(fù)選框?qū)崿F(xiàn) Todo。我在該州有一個(gè) id、content、status 屬性。Status 有 3 種狀態(tài)（pending、done、deleted）。待辦事項(xiàng)列表有一個(gè)復(fù)選框。如果狀態(tài)為待定，則不應(yīng)選中復(fù)選框。如果狀態(tài)為完成，則應(yīng)選中復(fù)選框。默認(rèn)情況下，狀態(tài)為待定。應(yīng)根據(jù)狀態(tài)選中/取消選中復(fù)選框。在刪除待辦事項(xiàng)時(shí)，狀態(tài)應(yīng)更新為已刪除?，F(xiàn)在我對(duì)復(fù)選框的實(shí)現(xiàn)感到震驚。它沒(méi)有按照要求工作。應(yīng)用程序.js：import React from 'react';import Todo from './Todo';import AddTodo from './AddTodo';class App extends React.Component{  state={   todos:[   {id:1,content:'Buy milk1',status:'pending'},   {id:2, content:'buy carrots1', status: 'pending'},   {id:3,content:'Buy milk2',status:'done'},   {id:4, content:'buy carrots2', status: 'deleted'}  ]}onDelete=(id)=>{ const todo = this.state.todos.find((todoItem => todoItem.id === id)) todo.status ='deleted'; this.setState([...this.state.todos]);}onChangeCheckbox=(id, checked)=>{  const todo = this.state.todos.find((todoItem => todoItem.id === id)) if(checked){  todo.status = 'done' } else{  todo.status = 'pending' } this.setState([...this.state.todos]); }addTodo=(todo)=>{ todo.id=Math.random(); todo.status = "pending"; let todos=[...this.state.todos,todo]; this.setState({todos});}render(){ return(  <div>    <h1>Todo's App</h1>        <AddTodo addTodo={this.addTodo} />    <Todo todos={this.state.todos} deleteTodo={this.onDelete} onChangeCheckbox=     {this.onChangeCheckbox} />   </div>  ) }}export default App;