import React, { Component } from "react";
import Calender from "./component/Calender";
constructor(props) {
super(props);
this.state = {
open: false,
date: []
}
}

dateChange = (arr) => {
this.setState({ open: false })
this.setState({
date: arr,
})
}
openDialog = () => {
const { open } = this.state
this.setState({ open: !open })
}
render() {
const { open } = this.state;
return (
<div style={{ position: 'relative' }}>
<button onClick={() => { this.openDialog() }} style={{ height: 20 }}>点我!</button>
{open ?
<div style={{ position: 'absolute', top: 21, background: '#F4F4F4' }}>
<Calender dateChange={this.dateChange} />
</div>
: null}
</div >
)
}
}