react+antd页面首次加载渲染默认时间并传入父组件

需求：

进入页面时请求接口并带上默认的时间，页面渲染时展示默认的时间

1.页面默认值显示（使用异步请求，先给state赋值（由于state是异步的））

子组件：

state = {
    startValue: null,
    endValue: null,
    // endOpen: false,
};

componentDidMount(){
    this.initDate()().then(()=>{
        this.getDataCountList();  //渲染的数据请求的接口
    });
    this.props.getRef(this)  //传入父组件的值
}

initDate = () => { 
    return async () => {       //在页面渲染之前渲染时间。
        await this.setState({          
            startValue : this.getMothDay('current') ,
            endValue : this.getMothDay('prev')
        });
    }
};

render：

{/*时间控件*/}
<Form.Item  className="query-header new-picker">
    {ge