【React工作记录八】如何限制ant design的input只能输入数字

前言

    我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

    今天在找到我 这边我们有一个bug需要处理一下 就是输入框里面不可以输入数字 只能输入文字

    <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>

运行结果

    如上限制代码 则控制成功

后续

    直接父子传值给了一个otherProps的属性

    {

              type: 'input',

              label: '客户ID',

              paramsName: 'customerId',

              otherProps: { type: 'number' },

            },

    问题解决

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

版权声明：本文为CSDN博主「前端大歌谣」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

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