反应无限日历范围选择

Question

我在反应无限日历中遇到{{1}}事件的范围选择问题。任何人都可以向我提出答案吗？我想选择开始日期和结束日期，并将这些值传递给州。

Answer 1

JSX

<InfiniteCalendar
    Component={withRange(Calendar)}
    height={350}
    min={new Date(2017,8,1)}
    selected={this.state.selectedDates}
    layout={'portrait'}
    width={'100%'}
    onSelect={this.onCalendarSelect}
/>

onCalendarSelectCode

onCalendarSelect = (e) => {
        if (e.eventType === 3) {
            this.setState({ selectedDates: {
                start: e.start,
                end: e.end,
            } });
        }
    }

on select with range功能将返回一个带有start，end和eventType的对象。事件类型3表示用户已选择开始和结束。然后，您可以将其设置为州。