react-toggleとreactx-formの使い方は？

Question

還元型のreact-toggleを使用することは可能ですか？

が反応し、トグルをそうのようなトグルのrender：反応-トグルをするにはどうすればよいReduxのフォームの値を更新

   <Field 
       name="email_newsletter" 
       id="email_newsletter" 
       component="input" 
       type="checkbox" 
       /> 

：そうのようなReduxのフォームフィールドコンポーネントを考えると

<Toggle 
    icons={false} 
    onChange={this.handleToggleChange} 
/> 

フィールド？

おかげ

Answer 1

あなたは、このようなカスタムレンダラを定義することができます

export const renderToggleInput = (field) => (
    <Toggle checked={field.input.value} onChange={field.input.onChange} icons={false} /> 
); 

をしてField部品のcomponent小道具に設定します。

<Field 
    name="email_newsletter" 
    id="email_newsletter" 
    component={renderToggleInput} 
/> 

警告：value prop documentationによる、valueタイプを定義する必要があります。

チェックボックスの場合はブール値、他のすべての入力タイプの場合は 文字列です。このフィールドのRedux 状態に値がない場合、デフォルト値は ''になります。これは、 の入力を確実に制御するためです。値が別の タイプ（例：日付または番号）であることが必要な場合は、このフィールドの目的のタイプの フォームにinitialValuesを指定する必要があります。

したがって、あなたのレシムフォームにチェックボックスの初期値も定義する必要があります。失敗したプロップタイプ：タイプの無効な小道具 `checked`` `Toggle`、期待` boolean`に供給STRING`

あなたはRedux-Form Field documentation