由于業(yè)務的需求，需要對Form表單進行自定義控件操作

業(yè)務需求如下：

首先點擊選擇按鈕---在彈窗中選擇產品--將選擇好的產品展示在頁面上，關于自定義組件的封裝網(wǎng)上大牛的方法大多是封裝好新的組件，從而能夠在點擊保存的時候獲取到自定義的value

但是今天給大家提供另一種思路：只是將組件放在getFieldDecorator中，點擊保存的時候通過this.props.form.validateFields方法中的values加入要傳給后臺的新的參數(shù)

具體實現(xiàn)代碼如下：

//展示產品的list放在選擇產品下面showProductList =()=> {let ProductList = this.state.ProductListreturn ProductList && ProductList.map((item,index) => {return <div key={index}>{item.name}</div>})}const SELECTBTN = <FormItem label={label} {...formItemLayout} key={field}>{getFieldDecorator(field, {rules:[{initialValue: initialValue,required:required,message: requiredMsg,}]})(<div><Button type="primary" onClick = {this.chooseProduct}>選擇</Button>{this.showProductList()} {/* 展示產品list */}</div>)}</FormItem>

點擊保存得時候,在values中定義好要傳給后臺的參數(shù),如：我需要傳給后臺需要的ids

handleFormSubmit = (e) => {e.preventDefault();this.props.form.validateFields((err, values) => {values.ids = [1,2,3] //這步驟是定義的，根據(jù)你的需求來修改參數(shù)值console.log('Received values of form: ', values); //這樣打印出來的value中就有ids了});//this.requestLIst()然后這塊可以請求接口把參數(shù)傳過去了}

這樣就能實現(xiàn)了哇～

總結

以上是生活随笔為你收集整理的vb.net form 最大化按钮 代码_【React】利用antd的form自定义表单控件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。