Проходной тип "флажок" не регистрируется в реакции-окончательной форме - PullRequest
Новая
       17

Проходной тип "флажок" не регистрируется в реакции-окончательной форме

0 голосов
/ 29 октября 2018

У меня проблема с react-final-form, когда мне сообщают, что я не передаю type=checkbox, поэтому он не может правильно распаковать. Я немного сбит с толку, потому что в примере пользовательский компонент действительно передает ему type. Живой пример можно найти ниже:

https://codesandbox.io/s/9o227yp3q4

Что я вижу, так это то, что ввод начинается в неопределенном состоянии, а затем переключается в true или false при вводе пользователем. Начиная с неопределенного состояния, я думаю, что это является причиной проблемы, но я не уверен.

Я получаю сообщение об ошибке 

Warning: You must pass `type="checkbox"` prop to your Field(attendees[0].isHost) component. Without it we don't know how to unpack your `value` prop - "undefined".

1 Ответ

0 голосов
/ 28 ноября 2018

Я обнаружил, что мне нужно передать type на <Field />, чтобы react-final-form мог распаковать значения и применить их правильно. 

export const CustomField: React.SFC<Props> = ({
  label,
  name,
  placeholder,
  type
}) => (
   <Field name={name} type={type}>
     {({ input, meta }) => (
       <div>
        <StyledLabel htmlFor={name}>{label}</StyledLabel>
        <StyledInput
          {...input}
          id={name}
          placeholder={placeholder}
          type={type}
        />
       {meta.error && meta.touched && <span>{meta.error}</span>}
      </div>
     )}
   </Field>

)

...