将Input组件的字母从小写变为大写后MaxLength属性失效的解决方案

最近遇到了一个很奇怪的问题，要求是将Input和TextArea组件中的输入的小写英文字母变成大写英文字母，因为我用的是公司对antd某些组件进行二次封装后的组件，所以我不太清楚他的内部逻辑是什么，但是测试在测功能时找到了这个bug

如图

我再添加rules属性，发现还是不能限制文本框中的字符个数，这是我切换成了中文输入法乱输入的结果。

我觉得应该form给文本框赋值的时候出的问题，即便我用了原生的input框和js代码完成这个功能还是没有办法限制字符个数

原生的代码和效果

但是我在网上搜索了很多资料，也不知道，给input框重新赋值的时候，包括输入法的切换，到底出现了什么问题，希望有大佬能解答我的疑惑。

这个问题困扰了我好几天，有一天我突然想到了用css样式来解决这个问题，只要我们给当前的输入框添加一个属性，就不会有这个问题了。

.input{
 text-transform:uppercase;
}

效果如下 

 组件中添加css样式，我们直接找到父类添加样式就可以了，这里我们用的是.ant-form-item-contro