reactjs - 单个组件 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 处理相同的状态变量？我在控制台中没有任何错误。我为此使用'react-dates'。

Answer 1

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