在typescript中使用antd的form表單

Muninn 發(fā)布于2019-08-23 17:55 / 3633人閱讀

摘要：在中使用的表單如果你想在中使用的表單，在使用方法時(shí)編輯器會(huì)報(bào)各種各樣的錯(cuò)誤，這是因?yàn)槟銢](méi)有規(guī)定表單的。如何使用代碼如下獲取表單的定義所需的相應(yīng)接口

在TypeScript中使用antd的form表單

如果你想在TypeScript中使用antd的from表單，在使用Form.create()方法時(shí)編輯器會(huì)報(bào)各種各樣的錯(cuò)誤，這是因?yàn)槟銢](méi)有規(guī)定form表單的interface。

如何使用？

代碼如下

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

interface IProps { //定義所需的相應(yīng)接口
  onSave : any,
  onEdit : any,
  handlevisible : any
}

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

   render () {
    return (
      
    )
  }
}

export default Form.create()(FromModal)

云服務(wù)器 GPU云服務(wù)器 form表單在asp form表單中的action html的form表單 js提交本form表單的數(shù)據(jù)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/104363.html

相關(guān)文章

常用列表頁(yè)常見(jiàn)hook封裝解析

　　我們今天來(lái)講講關(guān)于ahooks 源碼，我們目標(biāo)主要有以下幾點(diǎn)：　　深入了解 React hooks。　　明白如何抽象自定義 hooks，且可以構(gòu)建屬于自己的 React hooks 工具庫(kù)。　　小建議：培養(yǎng)閱讀學(xué)習(xí)源碼的習(xí)慣，工具庫(kù)是一個(gè)對(duì)源碼閱讀不錯(cuò)的選擇。　　列表頁(yè)常見(jiàn)元素　　后臺(tái)管理系統(tǒng)中常見(jiàn)典型列表頁(yè)包括篩選表單項(xiàng)、Table表格、Pagination分頁(yè)這三部分。　　針對(duì)使用 Ant...

3403771864 2022-11-05 16:18 評(píng)論0 收藏0
JSON生成Form表單（三）

摘要：嵌套組件配置如果表單組件里還含有其他表單組件，這時(shí)直接通過(guò)組件配置去渲染無(wú)疑能節(jié)約不少的工作量。請(qǐng)輸入方法傳入組件配置的列表就能渲染出表單組件來(lái)，需要注意的是，子表單組件的一定是基于父表單組件的。表單的實(shí)例方法請(qǐng)看下節(jié)的生成表單四 container表單組件在實(shí)際的項(xiàng)目中，JSON表單提供的表單組件是遠(yuǎn)遠(yuǎn)不夠的，而且提供表單組件是一件低效的事，目前Ant Design組件庫(kù)提供的表單...

Half 2019-08-23 13:39 評(píng)論0 收藏0
JSON生成Form表單

摘要：是校驗(yàn)表單組件數(shù)據(jù)正確性的字段，其值為數(shù)組，里面的數(shù)組元素可以為。所以數(shù)組元素如果為的話，其內(nèi)容就是的。到目前為止，表單適合大部分的表單應(yīng)用場(chǎng)景。 JSON表單描述 JSON表單是一個(gè)基于React的抽象組件，它可以把JSON數(shù)據(jù)格式描述的表單轉(zhuǎn)換成項(xiàng)目中的表單，它可以用簡(jiǎn)短的幾行代碼，快速的生成Form表單。JSON表單的優(yōu)點(diǎn)是：可以快速構(gòu)建出一個(gè)表單表單的數(shù)據(jù)、邏輯、視圖分...

bingchen 2019-08-26 13:22 評(píng)論0 收藏0
react+antd系列之Form表單(1)：添加與刪除

摘要：在用的時(shí)候，我們?nèi)绻獙?duì)表單進(jìn)行添加和刪除該怎么弄呢，如下表單提交添加刪除名稱名稱不能為空請(qǐng)輸入名稱刪除提交增加這里不僅能對(duì)表單進(jìn)行增加和刪除，還能對(duì)表單進(jìn)行驗(yàn)證，看是否有輸入，以上是本身沒(méi)有數(shù)據(jù)的情況，如果是有數(shù)據(jù)的情況如下表單提交添加刪在用antd的時(shí)候，我們?nèi)绻獙?duì)表單進(jìn)行添加和刪除該怎么弄呢，如下： import { connect } from dva; import { ...

Donald 2019-08-23 14:08 評(píng)論0 收藏0
antd 和 element上傳文件詳解與FormData詳解

摘要：當(dāng)用戶完成選擇文件動(dòng)作時(shí)，提交子頁(yè)面中的。從此我們上傳文件就歡欣鼓舞的來(lái)找了。因?yàn)榈暮诵氖菍?duì)象，異步的實(shí)現(xiàn)是通過(guò)一個(gè)對(duì)象，一般簡(jiǎn)稱該對(duì)象對(duì)。這些回答基于自己理解，如有不妥，希望路過(guò)的大神輕噴，指正。背景平時(shí)工作中經(jīng)常會(huì)遇到需要上傳文件的情況，如果你用ant design 或者element ,它們都提供了上傳的組件。我們分別來(lái)看一下element 和 antd 手動(dòng)上傳怎么處理：...

Fundebug 2019-08-23 10:29 評(píng)論0 收藏0