Question

使用mobx-form我尝试设置标记一个复选框以在表单加载时进行检查。设置值或选中的属性似乎不起作用。

const fields = [
  {
    name: 'my_checkbox',
    label: 'The Checkbox: ',
    type: 'checkbox',
    rules: 'boolean',
    value: true, // do I set initial, default ?
    checked:true
  },
];

...

<input {...form.$('my_checkbox').bind()} />

完整示例代码https://codesandbox.io/s/N914WNRpv

Answer 1

您可以传递像这样的已检查属性

<input
        checked={field.value}
        {...field.bind({
          type: 'checkbox',
        })}
      /> {field.label}

请参阅：https://github.com/foxhound87/mobx-react-form-demo/blob/master/src/components/inputs/SimpleCheckbox.jsx

Answer 2

checked = {field.value} 必须在“ bind ”功能之后，如果您希望默认值正常工作!!

<input             
    {...field.bind({
        type: 'checkbox',
    })}
    checked={field.value}
/> {field.label}

如何使用mobx-form设置复选框的值？

2 个答案: