资讯专栏INFORMATION COLUMN

在typescript中使用antd的form表单

Muninn / 3623人阅读

摘要:在中使用的表单如果你想在中使用的表单,在使用方法时编辑器会报各种各样的错误,这是因为你没有规定表单的。如何使用代码如下获取表单的定义所需的相应接口

在TypeScript中使用antd的form表单

如果你想在TypeScript中使用antd的from表单,在使用Form.create()方法时编辑器会报各种各样的错误,这是因为你没有规定form表单的interface。

如何使用?

代码如下

import React, { PureComponent } from "react"
import { Form } from "antd"
import { FormComponentProps } from "antd/lib/form/Form" //获取form表单的interface

interface IProps { //定义所需的相应接口
  onSave : any,
  onEdit : any,
  handlevisible : any
}

class FromModal extends PureComponent {
   constructor(props: IProps & FormComponentProps) {
    super(props);
  }

   render () {
    return (
      
) } } export default Form.create()(FromModal)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/104363.html

相关文章

  • 常用列表页常见hook封装解析

      我们今天来讲讲关于ahooks 源码,我们目标主要有以下几点:  深入了解 React hooks。  明白如何抽象自定义 hooks,且可以构建属于自己的 React hooks 工具库。  小建议:培养阅读学习源码的习惯,工具库是一个对源码阅读不错的选择。  列表页常见元素  后台管理系统中常见典型列表页包括筛选表单项、Table表格、Pagination分页这三部分。  针对使用 Ant...

    3403771864 评论0 收藏0
  • JSON生成Form表单(三)

    摘要:嵌套组件配置如果表单组件里还含有其他表单组件,这时直接通过组件配置去渲染无疑能节约不少的工作量。请输入方法传入组件配置的列表就能渲染出表单组件来,需要注意的是,子表单组件的一定是基于父表单组件的。表单的实例方法请看下节的生成表单四 container表单组件 在实际的项目中,JSON表单提供的表单组件是远远不够的,而且提供表单组件是一件低效的事,目前Ant Design组件库提供的表单...

    Half 评论0 收藏0
  • JSON生成Form表单

    摘要:是校验表单组件数据正确性的字段,其值为数组,里面的数组元素可以为。所以数组元素如果为的话,其内容就是的。到目前为止,表单适合大部分的表单应用场景。 JSON表单 描述 JSON表单是一个基于React的抽象组件,它可以把JSON数据格式描述的表单转换成项目中的表单,它可以用简短的几行代码,快速的生成Form表单。JSON表单的优点是: 可以快速构建出一个表单 表单的数据、逻辑、视图分...

    bingchen 评论0 收藏0
  • react+antd系列之Form表单(1):添加与删除

    摘要:在用的时候,我们如果要对表单进行添加和删除该怎么弄呢,如下表单提交添加删除名称名称不能为空请输入名称删除提交增加这里不仅能对表单进行增加和删除,还能对表单进行验证,看是否有输入,以上是本身没有数据的情况,如果是有数据的情况如下表单提交添加删 在用antd的时候,我们如果要对表单进行添加和删除该怎么弄呢,如下: import { connect } from dva; import { ...

    Donald 评论0 收藏0
  • antd 和 element上传文件详解与FormData详解

    摘要:当用户完成选择文件动作时,提交子页面中的。从此我们上传文件就欢欣鼓舞的来找了。因为的核心是对象,异步的实现是通过一个对象,一般简称该对象对。这些回答基于自己理解,如有不妥,希望路过的大神轻喷,指正。 背景 平时工作中经常会遇到需要上传文件的情况,如果你用ant design 或者element ,它们都提供了上传的组件。 我们分别来看一下element 和 antd 手动上传怎么处理:...

    Fundebug 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<