class ModalComponent extends Component {
    formRef = React.createRef();
fetchInputData = () => {
        this.formRef.current.validateFields().then(values => {
            this.setState({ loading: true }, async () => {
                const { type, content: documents } = await insertModalDocuments(values);
    
                this.setState({ loading: false }, () => {
                    if (type === 'ok') {
                        this.setState({ insertModalDocuments: documents });
                    } else {
                        this.setState({ insertModalDocuments: [] });
                    }
                });
            });
        })
    }

render() {
        return (
                <Modal
                    visible={this.props.visible}
                    onOk={this.props.onOk}
                    onCancel={this.props.onCancel}
                    footer={[
                        <Button key="back" onClick={this.props.onClick}>Cancel</Button>,
                        <Form>
                            <Form.Item >
                                <Button key="ok" onClick={() => this.fetchInputData(this.state)} type="primary" >OK</Button>
                            </Form.Item>
                        </Form>
                    ]}
                    destroyOnClose={true}
                > )
    }
}

class DateReceiptComponent extends Component {
     formRef = React.createRef();
     render() {
        return (
<Form ref={this.formRef}>
                            <Form.Item rules={[{ required: true, message: 'Please input text!' }]}>
                                <Input name='applicant' onChange={updateInputData} defaultValue={text? text : null} disabled={isEdit} />
                            </Form.Item>
                        </Form>
    )}
}