Javascript React Redux textarea上的表单字符计数器

我有一个用构建的表单，需要实现和显示字符计数，以将输入限制为200。我已经为它实现了验证，但希望在用户键入时显示字符数

这是我的控制：

<div className="input-group">
  <label>Step 2: Description of Goods *</label>
  <Control.textarea
   id="descriptionOfGoods"
   model=".descriptionOfGoods"
   name="descriptionOfGoods"
   autoComplete="off"
   className="form-control"
   controlProps={{onKeyPress:_preventCarriageReturn}}
   mapProps={{..._mapFieldClass}}
   validators={{isRequired, remoteError, maxLength: (val) => maxLength(val, 200)}}
   onChange={(e) => this.removeApiError(e)}
  />

  <span className="tick-valid"><Icon yicon="Validation_Tick"/></span>
  <span className="cross-error"><Icon yicon="X"/></span>
  <Errors 
   id="descriptionOfGoodsErrors"
   className="help-block"
   model=".descriptionOfGoods"
   show={{touched: true, focus: false}}
   messages={{
     isRequired: 'Description of goods is required.',
     remoteError: validationError.descriptionOfGoods,
     maxLength: 'Max characters allowed is 200'
   }}
  />
</div>

第2步：货物说明*
maxLength（val，200）}
onChange={（e）=>this.removapierror（e）}
/>

---

有什么想法吗？

对于文本区域，您需要听三个事件。一个用于onKeyUp，一个用于onPaste，一个用于onCut。然后，无论何时触发其中一个事件，您都可以在文本区域中获取当前文本以确定当前长度，并使用该值更新显示剩余字符数的范围。

请提供一个。在现代浏览器中，您只需收听

输入

事件即可。