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

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

获取前端学习知识

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

标签：封装,歌谣,弹框,ant,design,组件
来源： https://blog.csdn.net/weixin_43392489/article/details/120442739