Интерфейс MS-Office React-Fabri c - Как отобразить требуемое сообщение об ошибке в средстве выбора даты при отправке формы?

Question

Я хочу показать сообщение об ошибке в средстве выбора даты при отправке формы, но я не нашел способа сделать это.

isRequiredErrorMessage работает только тогда, когда поле теряет фокус с пустым значением.

Однако, если пользователи никогда не фокусируются на поле выбора даты, то у меня нет возможности установить сообщение для метки ошибки.

Я sh, что DatePicker может иметь errorMessage, так что я которые делают что-то вроде

render() {
  return (
    <DatePicker
      label="Pick up date"
      isRequired={true}
      minDate={moment().toDate()}
      onSelectDate={(date) => {this.setState({pickUpDate: date})}}
      strings={DayPickerStrings}
      errorMessage={this.state.pickUpDateErrorMessage}
    />
  );
}

onSubmitForm() {
  if (isNaN(this.state.pickUpDate)) {
    this.setState({
      pickUpDateErrorMessage: "Can't be empty"
    })
  }
}

Пожалуйста, предложите, как проверить компонент datePicker при отправке формы.

Answer 1

Похоже, вы используете TypeScript. Попробуйте расширить класс DatePicker своим собственным классом со свойством errorMessage.

export class MyDatePicker extends DatePicker {
    public constructor(props: {}) {
        super(props);
    }

    errorMessage: string = '';
}

Затем вызовите свой собственный компонент MyDatePicker вместо исходного компонента DatePicker.