【React工作記錄八】如何限制ant design的input只能輸入數(shù)字

前言

? ? 我是歌謠 我有個兄弟 巔峰的時候排名c站總榜19 叫前端小歌謠 曾經(jīng)我花了三年的時間創(chuàng)作了他 現(xiàn)在我要用五年的時間超越他 今天又是接近兄弟的一天人生難免坎坷 大不了從頭再來 歌謠的意志是永恒的 放棄很容易 但是堅持一定很酷

導(dǎo)語

? ? 今天在找到我 這邊我們有一個bug需要處理一下 就是輸入框里面不可以輸入數(shù)字 只能輸入文字

? ? <Form.Item label={item.label || ''} {...formItemLayout}>

? ? ? ? ? ? ? ? ? ? {getFieldDecorator(`${item.paramsName}`, {

? ? ? ? ? ? ? ? ? ? ? getValueFromEvent: (event) => {

? ? ? ? ? ? ? ? ? ? ? ? if (item.inputType === 'number' || item.inputType !==

? ? undefined) {

? ? ? ? ? ? ? ? ? ? ? ? ? return event.target.value.replace(/\D/g, '');

? ? ? ? ? ? ? ? ? ? ? ? } else {

? ? ? ? ? ? ? ? ? ? ? ? ? return event.target.value;

? ? ? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? ? ? ? },

? ? ? ? ? ? ? ? ? ? })(<Input placeholder="請輸入" {...item.otherProps} />)}

? ? ? ? ? ? ? ? ? </Form.Item>

運行結(jié)果

? ? 如上限制代碼 則控制成功

后續(xù)

? ? 直接父子傳值給了一個otherProps的屬性

? ? {

? ? ? ? ? ? ? type: 'input',

? ? ? ? ? ? ? label: '客戶ID',

? ? ? ? ? ? ? paramsName: 'customerId',

? ? ? ? ? ? ? otherProps: { type: 'number' },

? ? ? ? ? ? },

? ? 問題解決

————————————————

版權(quán)聲明:本文為CSDN博主「前端大歌謠」的原創(chuàng)文章,遵循CC 4.0 BY-SA版權(quán)協(xié)議,轉(zhuǎn)載請附上原文出處鏈接及本聲明。

原文鏈接:https://blog.csdn.net/geyaoisnice/article/details/121969802

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問:Table組件默認只有選中當(dāng)前頁的全選狀態(tài),也就是說,如果后端一下子返回前端21條數(shù)據(jù),每頁20條數(shù)據(jù),數(shù)據(jù)就...
    劉葉青閱讀 599評論 0 0
  • 1.oninput =“value=value.replace(/[^\d]/g,’’)” //只能輸入數(shù)字2.o...
    土豆他爹_ca4b閱讀 2,674評論 0 0
  • 方便起見不分parameter[形參,出現(xiàn)在函數(shù)定義中]和argument[實參,其值為傳入函數(shù)的值],一律當(dāng)作a...
    東月三二閱讀 441評論 0 0
  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,178評論 0 29
  • 1. React簡介 React 起源于 Facebook 的內(nèi)部項目,因為該公司對市場上所有 JavaScrip...
    王蕾_fd49閱讀 464評論 0 0

友情鏈接更多精彩內(nèi)容