在Redux表单中，有没有办法使复选框具有三个选项，例如肯定，否定和未选中？

Question

我正在处理带有三项复选框的表单-正，负或未选中。

我想知道是否有使用redux-form Field做到这一点的好例子。

谢谢您的任何帮助。

Answer 1

尽管您要查找的UX的完美UI元素是，但您想要一个自定义UI元素，而不是真正的复选框，请尝试以下操作：

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"
  />

最初将不会选择任何值，选择任何值后，它将设置为正/负。

希望这会有所帮助。