对antd的Input/TextArea进行一层封装，限制用户输入长度，并实时显示用户输入的长度

原因

antd好像没实现这个功能，suffix属性在TextArea中不起作用，想了一下，反正是个小功能，就自己随便做了一下，其实很简单 ，就是写个标签然后定位到TextArea屁股后面就行了。

代码

const suffixStyle= {
	position:'relative',
    left:'-50px',
    userSelect:'none',
}
const value = this.state.reason

<div>
      <Input.TextArea
             value={value}
             onInput={val => {console.log(val) }}
             style={{ marginTop: '20px', width: '760px' }}
             placeholder={`请输入原因`}
             autoSize={{ minRows: 2, maxRows: 5 }}
             suffix="test" // 并不起作用...
             maxLength={50}
       />
        <span style={suffixStyle}>{value.length}/50</span>
</div>

效果

that’s all ,thanks~~~~