const onChangeTourSeasonalDates = (task,dateStrings) => {
// console.log("Seasosnal dates",dates[0]._d)
const formState = [{ index: task.index, startRange: dateStrings[0], endRange:
dateStrings[1] }];
const newTourSeasonalDate = state.tourSeasonalDates.map(item => {
return item.index === formState.index ? formState : item;
});
console.log('task is task ', newTourSeasonalDate);
setState({ ...state, tourSeasonalDates: { ...state.tourSeasonalDates,
newTourSeasonalDate } });
};
{state.tourSeasonalDates.map(task => (
<DateRangeComponent
onChange={()=>onChangeTourSeasonalDates(task)}
onClickMinusButton={() => deleteTourSeasonalDatesRow(task)}
key={task.index}
/>
))}
//我试图匹配每行daterangepicker的索引并传递状态中的每个范围数据。在这里,我有 daterangecomponent 由 antd Rangepicker 组成,其中我在使用 onChange 时遇到错误。由于我试图在 onchange 中传递任务索引,以便它根据每一行中的索引进行匹配。 dataStrings 也是默认的 onChangePicker 用于获取日期范围。在这里,我想将最终输出作为 tourSeasonalDates:[{ 索引:task.index,startRange:dateStrings[0],endRange: 日期字符串1} , 索引:task.index,startRange:dateStrings[0],endRange: 日期字符串1]
其中我们根据行中选定的日期范围获得的每个对象。