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

省钱兄科技

于 2019-09-03 15:15:23 发布

阅读量4.6k

点赞数 2

分类专栏： React 文章标签： getFieldDecorator antd input空格替换

本文链接：https://blog.csdn.net/weixin_39706415/article/details/100518822

版权

React 专栏收录该内容

19 篇文章 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>