我有一个包装 React 组件,它返回一个 DatePicker:
import React from 'react';
import DatePicker from 'react-datepicker';
import moment from 'moment';
export default class MyDatePicker extends React.Component {
constructor (props) {
super(props)
this.state = {
startDate: moment()
};
}
handleChange(date) {
this.setState({
startDate: date
});
}
render() {
return <DatePicker
selected={this.state.startDate}
onChange={this.handleChange.bind(this)}
/>;
}
}
最终它会更复杂,但现在它只返回 DatePicker。问题是,当我尝试使用此组件时,会按预期显示预填充的日期字段,但是当我单击该字段时,日历弹出框不会打开。我需要做什么才能打开日历弹出框?如何解决此问题?