![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
antd
热爱前端的小君同学
正在努力学习前端的小白
展开
-
antd form表单验证,表单初始值
form.setFieldsValue(initialValues);实现设置初始默认值form.validateFields()实现对输入的值进行验证完整代码如下:import React, { useState, useEffect } from 'react';import { Button, Form, Modal, Input, } from 'antd';import _ from 'lodash';import { connect, useIntl } from 'umi';原创 2021-04-07 11:47:09 · 5960 阅读 · 0 评论 -
antd table实现拖拽功能
完整代码import React, { Component } from "react";import { Table } from 'antd';import { DndProvider, DragSource, DropTarget } from 'react-dnd';import { HTML5Backend } from 'react-dnd-html5-backend';import update from 'immutability-helper';let dragingInd原创 2021-01-28 09:33:12 · 6174 阅读 · 0 评论 -
antd mobile一个比较好的移动端组件
https://mobile.ant.design/index-cn有时间再来上传示例,现在先做一个记录。提醒自己后续要学习。原创 2020-11-27 11:20:10 · 2799 阅读 · 0 评论 -
antd tab和Carousel实现轮播
1、tab通过定时器实现自动轮播2、通过Carousel组件实现自动轮播完整代码import React , { Component } from 'react'import "antd/dist/antd.css";import { Tabs , Carousel } from 'antd'const contentStyle = { height: '160px', color: '#fff', lineHeight: '160px', textAlign: '.原创 2020-11-17 11:47:34 · 1732 阅读 · 0 评论