Antd Form组件getFieldDecorator设置Input替换空格

￡神魔★判官ぃ 2024-04-18 06:34 65阅读 0赞

## 核心代码  ##

getValueFromEvent: event => event.target.value.replace(/\s+/g, ''),

## 项目中使用 ##

<FormItem>
                        {getFieldDecorator(item.labelKey, {
                          rules: [{ required: item.required, message: `请输入${item.labelName}` }],
                          getValueFromEvent: event => event.target.value.replace(/\s+/g, ''),
                        })(
                          item.type === 'NUMBER' ? (
                            <InputNumber
                              style={
       { width: 180, marginRight: '16px' }}
                              min={1}
                              max={750}
                              placeholder={`请输入${item.labelName}`}
                            />
                          ) : (
                            <Input
                              placeholder={`请输入${item.labelName}`}
                              style={
       { width: 180, marginRight: '16px' }}
                            />
                          ),
                        )}
                      </FormItem>

发表评论取消回复

表情：

评论列表（有 0 条评论，65人围观）

还没有评论，来说两句吧...

相关阅读

相关 Antd Form组件getFieldDecorator设置Input替换空格

核心代码 getValueFromEvent: event => event.target.value.replace(/\s+/g, ''), ...

￡神魔★判官ぃ/ 2024年04月18日 06:34/ 0 赞/ 66 阅读

相关 Input输入框（antd-design组件库）简单使用

1.Input输入框通过鼠标或键盘输入内容，是最基础的表单域的包装。 2.何时使用需要用户输入表单域内容时。提供组合型输入框，带搜索的输入框，还可以进行大

Myth丶恋晨/ 2023年10月14日 14:44/ 0 赞/ 17 阅读

相关 forms组件

![1635518-20190925083502662-278995839.png][] 转载于:https://www.cnblogs.com/cmd61/p/115822

╰半橙微兮°/ 2023年08月17日 17:30/ 0 赞/ 114 阅读

相关学习笔记——Antd框架Input组件复用问题

> 在使用antd中的Input组件时，点击修改后，再点击新增，input组件的默认值不变。找了很久，才知道这是用于input组件的复用导致的。 --------------

Bertha 。/ 2022年09月13日 06:21/ 0 赞/ 206 阅读

相关 react引用antd-form组件

const AddMaintainPerson = Form.create()(React.createClass({ getInitialState(

曾经终败给现在/ 2022年07月12日 11:14/ 0 赞/ 337 阅读

相关 VUE 项目去除 input 框值所有空格、vue 组件去除空格、input 去除空格

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1] 1.以下所有方法我都试过：不行。 str.

小咪咪/ 2022年04月22日 15:26/ 0 赞/ 1232 阅读

相关 html页面去除input组件的空格

html页面去除input组件的空格 $("card").bind("blur",function(){ var result=$(this

缺乏、安全感/ 2022年01月25日 23:47/ 0 赞/ 519 阅读

相关 form 组件

[https://www.cnblogs.com/wupeiqi/articles/6144178.html][https_www.cnblogs.com_wupeiqi_ar

一时失言乱红尘/ 2022年01月07日 06:35/ 0 赞/ 314 阅读

相关 antd Form表单getFieldDecorator中设置RangePicker的默认时间

在antd中的时间选择器RangePicker中，使用defaultValue来设置默认值。如下所示： <RangePicker defaultV

迷南。/ 2021年09月29日 15:02/ 0 赞/ 1511 阅读

相关 ant Design2和4 Form组件getFieldDecorator去空格(正则)

ant2 去空格代码 getValueFromEvent: event => event.target.value.replace(/\s+/g, ''),

阳光穿透心脏的1/2处/ 2021年09月20日 23:58/ 0 赞/ 239 阅读