添加的每个新项目都显示相同的日期-时间

Question

我做了一个待办事项应用程序(初学者在这里)，每当我添加一些待办事项时，我都会添加一个时间。这是我所做的：

const [date, setDate] = React.useState(Date());

然后，每次我添加一个待办事项时，我都会将状态设置为推送该待办事项的当前时间：

const addTodo = (id, title, completed) => {
  const newTodo = { id, title, completed }
  setTodos([...])
  setDate(new Date().getSeconds())
}

我使用getSeconds很容易知道时间。事情是这样的，当我添加一个待办事项时，它会显示秒数(例如1秒)，当我在1秒后添加另一个待办事项时，它会显示2。但前一个有1秒的待办事项已被当前的待办事项覆盖，因此它们都有2秒，依此类推。希望你能理解我的问题。我应该使用什么方法来不同步更改，例如:当我在2:00添加一个新的待办事项时，我在3:00添加一个新的待办事项

Answer 1

您需要删除此单个日期状态管理器。

const [date, setDate] = React.useState(Date());

并将每个date实例添加到newTodo中，如下所示

const addTodo = (id,title,completed) => {
 const newTodo = {id,title,completed, date: new Date()}
 setTodos([...todos, newTodo])
}