向使用 useState 创建的 React 状态 Date 对象添加一天

Question

我在 React 中有一个状态对象，它有一个日期值。

const [myDate, setMyDate] = useState(new Date());

如何使用 setMyDate() 将日期增加一天？

Answer 1

您可以使用 npm 中的 moment.js。

setMyDate(moment(myDate).add(1, 'days').format());

Answer 2

你应该 return setMyDate 中的一个不同的对象，这样 React 可以知道它已经被修改，试试：

setMyDate(date => {
    date.setDate(date.getDate() + 1);
    return new Date(date)
});

Adding a day to React state Date object created using useState