У меня есть форма, созданная с помощью React-Redux-Form, и мне нужно реализовать и отобразить количество символов, чтобы ограничить ввод до 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>
Есть идеи?