Как отформатировать значение поля флажка с помощью React Final Array Field Array?

Question

В React Final Form мы можем использовать реквизиты format или parse для входных данных типа text, чтобы сохранить значение, отличное от указанного, но, похоже, с флажками это работает не так.

Пример:

<FieldArray name='test' initialValue={[true, false]}>
    <Field 
        component='input' 
        type='checkbox' 
        format={value => value ? 'foo' : null} 
        parse={value => value ? 'foo' : null}/>
    </Field>
</FieldArray>

В этом примере значение для хранения будет по-прежнему true или false, независимо от использования format и parse. Можно ли отформатировать значения от [true, false] до ["foo"]?

Заранее спасибо за любую помощь.

Answer 1

Ваша format функция должна преобразовать ее обратно в логическое значение.

<Field
  name="employed"
  component="input"
  type="checkbox"
  format={v => v === "foo"}
  parse={v => (v ? "foo" : null)}
/>

Но она звучит , как будто вам нужна уже встроенная функциональность использования флажков управлять членством в массиве. Чтобы сделать это, вы просто указываете value опору <Field/>. См. Пример соусов:

☝️ Также включает пример format / parse.