问题描述: 当使用Ant Design的Range Picker组件时,状态更新时日期未被更新。
解决方法:
import React, { useState } from 'react';
import { DatePicker } from 'antd';
const RangePickerExample = () => {
const [dateRange, setDateRange] = useState([]);
const handleDateChange = (value) => {
setDateRange(value);
};
return (
);
};
export default RangePickerExample;
const handleDateChange = (value) => {
if (value && value.length === 2) {
setDateRange(value);
} else {
setDateRange([]);
}
};
const handleDateChange = (value) => {
setDateRange(value, () => {
// 手动触发重新渲染
});
};
注意:以上解决方法假设你正在使用React函数式组件和Hooks来管理状态。如果你使用的是类组件,请相应地修改代码。