ant design 日期月份区间选择

import React, { Component } from 'react';
import { DatePicker } from 'antd';
export default class extends Component {
constructor(props) {
    super(props);
    this.state = {
    monthRange: ''
    }
  }  
 handleChange = value => {
  console.log('value', value); // 无法获取值
    this.setState({ monthRange: value });
  };
  handlePanelChange = (value, mode) => {
    console.log('value, mode: ', value, mode);
    this.setState({
      monthRange: value,
      mode: [mode[0] === 'date' ? 'month' : mode[0], mode[1] === 'date' ? 'month' : mode[1]],
    });
  };
  render() {
    return (
        <div>
            <DatePicker.RangePicker
                placeholder={['开始月份', '结束月份']}
                format="YYYY-MM"
                value={monthRange}
                onOpenChange={(status) => {
                  console.log('status: ', status);
                  if(!isOpen){
                    this.setState({isOpen: true})
                  }
                }}
                renderExtraFooter={() => <div style={{marginLeft: 250}}><Button size="small" type="primary" onClick={()=>this.setState({isOpen: false})}>确定</Button></div>}
                mode={['month', 'month']}
                open={isOpen}
                onChange={this.handleChange}
                onPanelChange={this.handlePanelChange}
              />
        </div>
    );
  }  
}

onOpenChange={(status) => {
              if(status){
                this.setState({isopen: true})
              } else {
                this.setState({isopen: false})
              }
            }}