mobx形式のチェックボックスの値を設定するにはどうすればよいですか？

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} 

見られるようなcheckedプロパティを渡すことができます：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}