ant design自定義表單元件回傳值的問題

2021-10-01 10:30:47 字數 1114 閱讀 8308

getfielddecorator這個方法會向元件注入value引數,onchange方法。子元件通過value引數來初始化值,通過onchange方法通知父元件更新。 如果想傳入其他引數,也可以像placeholder那樣顯示的傳入。

官方定義:

自定義或第三方的表單控制項,也可以與 form 元件一起使用。只要該元件遵循以下的約定:

官方的案例:

import  from 'antd';

const = select;

class priceinput extends react.component ),};}

return null;

} constructor(props) ;

this.state = ;

} handlenumberchange = e =>

if (!('value' in this.props)) );

}this.triggerchange();

};handlecurrencychange = currency => );

}this.triggerchange();

};triggerchange = changedvalue => = this.props;

if (onchange) );}};

render() = this.props;

const = this.state;

return (

rmbdollar

);}}

class demo extends react.component

});};

checkprice = (rule, value, callback) =>

callback('price must greater than zero!');

};render() = this.props.form;

return ();

}}

自定義校驗:

else 

} else

},}],

})()}

ant design的Table元件自定義空狀態

table,是antd中乙個我們經常使用的元件,在官方文件中給出了非常詳細的例項以及api,但在我們在使用過程中可能需要根據專案的要求來定製空狀態時的展示。什麼是空狀態呢?在antd的官方文件中他是這麼說的 我們需要做的就是要自定義table的 empty 空狀態 但是在查詢官方文件的過程中,我們並...

DEDE自定義表單

1.專案需要提交表單 2.表單在 設定呢 發現後台頻道模型中有個自定義表單 自定義表單太麻煩了,唯一的好處就是用來新增欄位及管理提交資訊 列表模板 內容模板 發布模板 感覺跟專案修改起來太麻煩了 因為要寫整個頁面,而專案中這個頁面還有其它模組化部分,比如產品列表等,所以俺就直接放在templets ...

自定義表單驗證

判斷 號碼格式 judgephone function phone var isphone 0 9 0 9 if strtemp.test phone isphone.test phone else 這是判斷 號碼格式的方法,有移動形式和座機形式,符合標準返回1,不符合標準返回 1 格式 非必填 c...