手把手教你封装一个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的审核框组件的主要内容,如果未能解决你的问题,请参考以下文章
[项目实战,源码完整]手把手教你怎么封装组件,React 重写学成在线 III