我想用掛鉤做一個待辦事項列表。這是我的相關代碼。function generateId() {  return '_' + Math.random().toString(36).substr(2, 9);};export function TodoList(){  const [todos, setTodos] = React.useState([])  const [input, setInput] = React.useState('')  const [time, setTime] = React.useState('')  const handleSubmit = () => {    setTodos((todos) => todos.concat({      text: input,      id: generateId(),      timeRequired: time,    }))    setInput('')    setTime('')  }  // remove to do works fine.  const removeTodo = (id) => setTodos((todos) => todos.filter((todo) => todo.id !== id ))  /// confusion here   let todo = (id) => todos.find(x => x.id = id)  const decrement = (id) => setTodos((todo(id).timeRequired) => timeRequired - 1)   ///   return(    <React.Fragment>      <input type="text" value={input} placeholder="New Task" onChange={(e) => setInput(e.target.value)}>       </input>      <input type="number" value={time} placeholder="Hours Required" onChange={(e) => setTime(e.target.value)}>      </input>      <button onClick={handleSubmit}> Submit </button>      <ul>        {todos.map(({text, id, timeRequired}) => (          <li key={id}>            <span>{text}: remaining {timeRequired} hours </span>             <button onClick={() => removeTodo(id)}>               Cancel ?             </button>            <button onClick={() => decrement(id)}> Decrement ? </button>             <button > Increase ? </button>             <button> Done ?? </button>          </li>        ))}      </ul>    </React.Fragment>  )}所以我想增加/減少待辦事項列表上的剩余時間。但是，我不知道如何選擇列表中的特定項目并更改一個屬性（剩余時間）并保留文本屬性。