手把手教你封装一个ant design的审核框组件

Posted 2021-11-03 前端小歌谣

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

这边先上代码

然后我们逐个解释

import React, { Component, Fragment } from \'react\';
import { Modal, Row, Form, Col, Radio, Tag, Input, message } from \'antd\';

/**
 * 弹框 审核
 * @param {String}  requestUrl       请求 url {必填}
 * @param {Object}  requestParams    请求参数
 *
 * @param {Array}   checkHandleList  单选数据（审核通过，驳回）
 * @param {Array}   checkTagList     备注快捷便签 list
 * @param {Boolean}  modalShow       弹窗显示
 *
 */
@Form.create()
class BaseCheck extends Component {
  constructor(props) {
    super(props);
    //控制弹出框的开启
    this.state = {
      loading: false,
    };
  }
  //控制父组件可以调用子组件的方法
  componentDidMount() {
    this.props.onRef && this.props.onRef(this);
  }

  // 点击确定 校验并请求
  handleOkCheck = () => {
    this.props.form.validateFieldsAndScroll([\'checkRadio\', \'checkRemark\'], 
(error, values) =&g