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

Posted 前端小歌谣

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了手把手教你封装一个ant design的审核框组件相关的知识,希望对你有一定的参考价值。

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

这边先上代码

然后我们逐个解释

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

以上是关于手把手教你封装一个ant design的审核框组件的主要内容,如果未能解决你的问题,请参考以下文章

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

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

#yyds干货盘点 React工作记录二十一ant design封装一个弹框组件

手把手教你创建Ant Design Pro的React项目

后台管理系统—— Ant Design Pro组件使用

React+hook+ts+ant design封装一个input和select搜索的组件