1页上的2个DateRangePicker(反应日期)不工作

我需要在1页上发布2个DateRangePicker，但我的代码无法工作。startDate和endDate变量之间可能存在一些冲突。尽管我使用了其他变量，但错误并没有消失。请帮忙解决这个问题。。这是我的代码：

constructor(props) {
super(props);
moment.locale('ru');
this.state = {
startDate: null,
endDate: null,
startDate2: null,
endDate2: null,
focusedInput: null,
focusedInput2: null,
};
}

render() {
return (
<div>
<DateRangePicker
startDate={this.state.startDate}
endDate={this.state.endDate}
onDatesChange={({startDate, endDate}) => this.setState({
startDate,
endDate
})}
focusedInput={this.state.focusedInput}
onFocusChange={(focusedInput) => this.setState({focusedInput})}
readOnly={true}
hideKeyboardShortcutsPanel={true}
showClearDates={true}
startDateId="startDate"
endDateId="endDate"
isOutsideRange={() => false}
/>
<DateRangePicker
startDate={this.state.startDate2}
endDate={this.state.endDate2}
onDatesChange={({startDate2, endDate2}) => this.setState({
startDate2,
endDate2
})}
focusedInput={this.state.focusedInput2}
onFocusChange={(focusedInput2) => this.setState({focusedInput2})}
readOnly={true}
hideKeyboardShortcutsPanel={true}
showClearDates={true}
startDateId="startDate2"
endDateId="endDate2"
isOutsideRange={() => false}
/>
</div>
);
}
}