Как проверить форму раздела в реагировать JS с использованием формы редукса?

Question

Я пытаюсь проверить свою форму, используя библиотеку бланков. У меня есть раздел формы, в котором есть два поля, такие как firstname (что необходимо). Я хочу показать ошибку, когда пользователь нажимает кнопку.

Я пытался так https://codesandbox.io/s/green-frost-414qi

const validateGeneral = general => {
  console.log(general, "general");
  let errors = {};
  // validate address.street etc
  if (general && !general.firstName) {
    errors.firstName = "enter a valid street";
  }
  return errors;
};
const validate = values => {
  console.log(values, "ddd");
  const errors = {};
  errors.general = validateGeneral(values.general);
  return errors;
};

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

Answer 1

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

const required = value =>
  value || typeof value === "number" ? undefined : "Required";

 <Field
  name = { i.name }
  component = { i.component }
  options = { i.options || undefined }
  type = { i.type }
  validate = { required }
  />

Answer 2

Вы должны добавить validate prop компонента Field, предоставленного redux-form.

В приведенном выше примере codesandbox добавьте validate prop, как показано ниже, это будет работать правильно.

<Field
  name={i.name}
  component={i.component}
  options={i.options || undefined}
  type={i.type}
  validate={i.validate}
/>