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 > ) }}