近期准备升级antd4.0开发,发现form组件改动非常大,于是抽空看了改动点,于是有了这篇文章:首先回顾一下antd3用法import React from "react"; import { Form, Input, Button } from "antd"; const Demo = ({ form }) => { const { getFieldDecorator, vali
转载 2月前
46阅读
简介antd部分组件是基于react-component封装而来,今天我们要讲antd table也是基于react-component/**table**封装而来,这次antd源码解析,大部分也是基于rc-table,这次源码分析主要是讲一些特殊知识点。如果想了解更多,可以评论一下,我看到评论后会添加。antd Table先上源码链接 从这里可以看到antd Table代码只有5
转载 2023-08-30 10:45:59
244阅读
文章目录一、基本用法二、常见用途2.1、将一个联合类型断言为其中一个类型2.2、将一个父类断言为更加具体子类2.3、将任何一个类型断言为 any2.4、将 any 断言为一个具体类型三、用法对比3.1、类型断言 vs 类型转换3.2、类型断言 vs 类型声明3.3、类型断言 vs 泛型 一、基本用法TypeScript 允许你覆盖它推断,并且能以你任何你想要方式分析它,这种机制被称为「类
# 重写Ant Design组件类型定义 ## 引言 在使用Ant Design这样UI库时,我们经常需要根据自己业务逻辑进行定制化。然而,在使用TypeScript时,Ant Design类型定义并不总是完全符合我们需求。因此,我们可能需要重写Ant Design组件类型定义,以便更好地适配我们项目。 本文将介绍如何重写Ant Design组件类型定义,以及如何创建一个自定
原创 3月前
47阅读
1.v-decorator和v-model区别v-decorator在我看来更加适合于有验证操作,比如不为空,唯一值,只能是数字等等。而v-model更加适合用来定义一些组件返回接收参数,更好处理和获取,以及一些默认隐藏或者不显示但保存或修改需要用到参数。2.v-decorator用法部分测试代码...... <a-form-item label="name" :labelCol="
转载 8月前
107阅读
## antd form 自定义组件 typescript 实现流程 ### 步骤概览 以下是实现 antd form 自定义组件 typescript 流程步骤概览: | 步骤 | 描述 | | --- | --- | | 1 | 创建自定义组件 | | 2 | 编写自定义组件 props | | 3 | 实现自定义组件表单控件 | | 4 | 集成自定义组件antd form
原创 2023-08-18 12:36:35
365阅读
# antd form 如何设置typescript类型使用 antd Form 组件时,我们常常需要为表单元素设置类型,以提高代码可维护性和可读性。本文将介绍如何使用 TypeScript 来为 antd Form 组件设置类型,并结合一个具体示例来说明。 ## 问题描述 假设我们有一个用户注册页面,需要用户输入用户名、密码和确认密码。我们使用 antd Form 组件
原创 9月前
218阅读
原创 2023-03-13 19:04:54
197阅读
前端
原创 2023-02-10 02:51:17
40阅读
antd组件库-表单使用1. Form标签上常用属性labelCol: { span: number, offset: number } 标签样式设置(span表示占多少单元宽度,offset表示偏移多少单元宽度,宽度与Row, Col分配类似)wrapperCol: { span: number, offset: number} 同labelColhideRequiredMark:
原创 2023-03-14 07:03:33
89阅读
前端
原创 2023-02-10 02:51:42
30阅读
首先。vue 数据流是双向,而 react 数据流是单向。这意味着什么?这意味着,vue 中,子组件可以用 emit 把数据更新传给父组件。而 react 中, 需要通过父组件把回调函数传给子组件实现类似功能。 为什么要说这个?因为框架设计会影响到组件设计。组件设计必须配合框架。 我们回忆一下, antd3 中表单是怎么用?我们需要传入 onSubmit 回
转载 2023-08-21 15:55:26
88阅读
文章目录基本注解数组注解元组类型枚举接口注解内联类型注解特殊类型泛型注解联合类型注解交叉类型类型别名函数类型类型断言 基本注解// index.ts let num:number; let str:string; let bool:boolean; num = 123; num = "123"; //Type 'string' is not assignable to type 'number
# Ant Design 与 TypeScript:构建优雅 UI 组件 在现代前端开发中,**Ant Design**(简称 **antd**)凭借其丰富组件库和优雅设计理念,逐渐成为了开发者构建企业级应用首选。而结合 **TypeScript**,可以让我们代码在开发过程中更具可维护性和可读性。本文将深入探讨如何在 antd 项目中使用 TypeScript,并附带代码示例,帮助你
原创 9天前
7阅读
## 实现element plus组件类型步骤 为了实现element plus组件类型typescript支持,我们需要按照以下步骤进行操作: 1. 下载element plus组件库 2. 安装typescript声明文件 3. 配置tsconfig.json文件 4. 创建组件 5. 声明组件类型 下面我将逐步介绍每一步需要做事情,并附上相应代码和注释。 ### 1. 下载e
原创 10月前
684阅读
# 如何在 Ant Design 项目中升级 TypeScript 在现代前端开发中,Ant Design(简称 Antd)是一个非常流行 UI 组件库,而 TypeScript 则是一种强类型 JavaScript 超集,用于提高代码可维护性和可靠性。如果你正在开发一个使用 Ant Design 项目,并希望将其迁移至 TypeScript,本文将为你提供详尽指导。 ## 流程概述
原创 6天前
4阅读
有时候表单中某些字段是需要调用后台接口验证,比如账号,ID之类.这时候页面需要根据后台返回结果提示// 验证账号是否已经被添加过 const checkAccount = (value: string | number) => { // 这个是rules自定义验证方法 return new Promise((resolve, reject) => { // 返回一个
转载 2023-06-05 17:51:33
289阅读
原创 2023-03-14 06:54:18
75阅读
前端
原创 2023-02-10 02:51:27
36阅读
  • 1
  • 2
  • 3
  • 4
  • 5