看完这篇不要告诉我不会封装ant design弹框组件了

Posted 2021-10-13 前端小歌谣

我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注前端小歌谣

获取前端学习知识

1设计需求 封装一个弹框组件 直接调用接口

2技术栈 ant design+react

设计第一步

绘制样式

 <Modal
        maskClosable={false}
        visible={visible}
        title={\'签收协议\'}
        onOk={this.handleSignFor}
        onCancel={() => this.onOpenOrClose(false)}
        width={800}
        destroyOnClose
      >
        <Form
          {...formItemLayout}
          // className={styles}
          style={
  { paddingTop: \'0px\' }}
          wrapperCol={
  { span: 16 }}
        >
          <Form.Item label="签收结果">
            {getFieldDecorator(\'si