单个组件中的多个日期范围选择器 反应

Question

>我有这样定义的日期选择器：

                    <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 })} 
                    />

这是循环呈现的。如果我有一个日期范围选择器 - 它像它应该的那样工作。当有 1 个以上的选取器 - 单击时不显示日历。

是否有可能让多个 DateRangePicker 处理相同的状态变量？我在控制台中没有任何错误。我为此使用"反应日期"。

Answer 1

如果有人想知道 - 我需要使用字典(focusedInput 变量似乎需要为每个 DatePicker 提供 uniqe(。