仅选择开始日期或结束日期时如何处理反应日期范围（日期范围）的 onChange 事件

Question

1. 我有一个使用 react-date-range 的组件 DateRange，导入：

import { Range, DateRange, RangeKeyDict } from 'react-date-range';
import 'react-date-range/dist/styles.css';
import 'react-date-range/dist/theme/default.css';

默认值：

 const [dateRangeValue, setDateRangeValue] = useState<Range>({
        startDate: new Date(),
        endDate: new Date(),
    });

功能：

const handelOnchange = (itemRespon: Range): void => {
        console.log('itemRespon,', itemRespon);
        //Display start end date which was chosen
        renderFooteDate(itemRespon);
        //Set new date range value
        setDateRangeValue(itemRespon);
        //CallBackParrent to give data back
    };

零件：

 <DateRange
 className={style.dateRangeWrapper}
 editableDateInputs={true}
 onChange={(item: RangeKeyDict): void => handelOnchange(item.selection)}
 moveRangeOnFirstSelection={false}
 ranges={[{ ...dateRangeValue, key: 'selection' }]}
 months={2}
 direction="horizontal"
 />

图片：日期

2.我希望当我只选择开始日期或结束日期时我能获得价值，但目前它只在我同时单击开始和结束日期时激活 onChange 事件。 我并不总是需要开始和结束，有时我只需要其中之一就足够了。

Answer 1

我试图重现错误，但对我来说效果很好。
请看例子。
您唯一需要做的就是在更改日期后按Enter ，然后将应用更改。