Проверка правильности компонента ant.design

Question

Я пытаюсь проверить компонент Rate, установить начальное значение и т. Д.

  {getFieldDecorator('rating', {
    initialValue: dataSource.getIn(['data', 'rating'], ''),
    rules: [{ required: true, message: 'Field is required' }],
  })(<Rate allowClear={false} onChange={this.setRating} />)}

Наличие такого кода в моей форме приводит к ошибке после каждого изменения значения

Предупреждение: getFieldDecorator переопределит value, поэтому, пожалуйста, не установите value напрямую и используйте setFieldsValue для его установки.

Есть идеи как это побороть? Код работает как положено

Answer 1

Я думаю, причина в том, что вы не должны использовать onChange, когда ваш компонент контролируется Form

, если вы хотите получить фактическую ставку, используя: this.props.form.validateFields(), так как будет также выполнять проверку поля