- 首先,从 API 中获取到的日期时间数据格式需要与 Antd Datepicker 组件的设置格式一致。
- 可以在组件的
onChange
方法中设置 state 值为从 API 调用获取的值。例如:
import { DatePicker } from 'antd';
import moment from 'moment';
class MyDatePicker extends React.Component {
state = {
selectedValue: null,
}
handleChange = (date, dateString) => {
this.setState({ selectedValue: dateString });
}
render() {
const { selectedValue } = this.state;
return (
);
}
}
- 在 componentDidMount 方法中调用 API,获取日期时间数据后,使用 setState 方法设置组件的 selectedValue 值即可。
class MyComponent extends React.Component {
componentDidMount() {
fetch('/api/getDate')
.then(response => response.json())
.then(data => {
this.setState({ selectedValue: data.date });
});
}
// ... rest of component implementation
}