一、如何限制TextArea输入个数
正常情况下我们限制TextArea
的输入个数,只需要在标签里面输入maxLength={10}
便可以限制只能输入10个字符了
二、问题出现的场景
因为结合了formItem使用,所以将TextArea放到了FormItem里面,但是由于ui要求需要实现如下布局:
所以我再TextArea
的外面包了一层div
,然后问题就出来了,虽然TextArea
里面还是限制输入10个字符,但是通过form.validateFields()
拿到antd里的form表单后发现竟然拿到了11个字符,而且这11个字符前十个是我输入的内容,最后一个是我最后一次输入的超出的内容。
三、解决方式(如何避免)
在TextArea和Form表单进行结合使用的时候,不要在TextArea的外部套其他的标签