Input 输入中文 状态控制

input 最常见的便是onChange方法，这个方法在input框内值(e.target.value)发生变化时，便会触发这个方法。
在输入中文的时候，拼音的过程中，onChange还是会不停的触发，这就带来了中文输入的bug，举一个栗子：

1. 问题描述：
   input框中需要限制字符数量，比如限制成5个字符，再输入“成功”两个字的过程中，会出现还没有输入完成，体精警告字符太长，这样的情况。显然，此时的onChange方法应该在我输入完成后再次触发。
   

2. 测试代码

   import React, {
        Component, Fragment} from 'react';
   import {
        Input} from 'antd';
   import './style.scss';
   class Home extends Component {
        
     constructor(props) {
        
       super(props);
       this.state = {
        };
     }
     onChange = (e) => {
        
       console.log("this is e.target.value", e.target.value);
       if (e.target.value.length > 5) {
        
         console.log("this is too loog", e.target.value.length)
       }
     };
     render() {
        
       return (
         <Fragment>
           <Input style={