Saber2pr's Blog

form中使用checkbox

checkbox多选组件如果需要在表单中使用,官方推荐是使用Checkbox Group。checkbox不能响应Form.Item的value和onChange,需要手动绑定:

const FormCheckbox = ({
  children,
  value,
  onChange,
}: {
  children: ReactNode
  value?: boolean
  onChange?: (value: boolean) => void
}) => {
  return (
    <Checkbox
      checked={value}
      onChange={event => onChange(event?.target?.checked)}
    >
      {children}
    </Checkbox>
  )
}