单个组件React中有多个DateRangePicker

Question

我的DatePicker定义如下：

                    <DateRangePicker 
                        startDate={this.state.startDate}
                        startDateId={"start_date_id" + i.toString()}
                        endDate={this.state.endDate}
                        endDateId={"end_date_id" + i.toString()}
                        onDatesChange={({ startDate, endDate }) => 
                            this.setDateFilter(startDate, endDate, filter.propertyName) } 
                        focusedInput={this.state.focusedInput} 
                        onFocusChange={focusedInput => this.setState({ focusedInput })} 
                    />

这是循环呈现的。如果我有单个DateRangePicker-它会像应该的那样工作。选择器多于1个时-单击时不显示日历。

是否可以在同一个状态变量上使用多个DateRangePicker？我的控制台没有任何错误。我正在为此使用“反应日期”。

Answer 1

如果有人想知道-我需要使用字典（似乎每个DatePicker的focusedInput变量都必须是唯一的）。