Есть ли способ в форме Redux иметь флажок с тремя вариантами, как положительный, отрицательный и не выбранный?

Question

Я работаю над формой с трехсторонним флажком - положительный, отрицательный или не выбранный.

Мне интересно, есть ли какие-нибудь хорошие примеры того, как сделать это с помощью поля формы-редукса.

Буду признателен за любую помощь, спасибо.

Answer 1

Хотя идеальные элементы пользовательского интерфейса для UX, который вы ищете, это a, вам нужен пользовательский элемент пользовательского интерфейса, а не реальный флажок, попробуйте следующее:

https://github.com/jchiam/react-three-state-checkbox

Answer 2

Вы можете достичь этого следующим образом:

  <Field
    type="checkbox"
    name="absolute"
    value="negative"
    validate={[required]}
    component={checkbox}
    label="negative"
  />

 <Field
    type="checkbox"
    name="absolute"
    value="positive"
    validate={[required]}
    component={checkbox}
    label="positive"
  />

Первоначально не будет выбрано никакого значения, при выборе любого значения оно будет установлено как положительное / отрицательное.

Надеюсь, это поможет.