フォームデータを「initialValues」に戻す方法

Question

私は、ユーザーが追加、削除、変更などの一連の作業を行うためのフォームを用意しています。このフォームには州からのデータがinitialValuesとして保存されていますが、「取り消し」ボタンが必要な場合は、initialValuesが設定されたときの変更内容をすべて元の状態に戻します。

これを行うことができるredux形式のものがありますか？私たちは、初期値にredux-formを元に戻すv5.3.3

Answer 1

を使用しているバージョン6以降のボックス機能のうち*

としてサポートされていることがredux-formドキュメントからInitialize from start例に従うことは簡単です。バージョン6以降

redux-formから渡された小道具がreset機能を備え*あなたは、単に呼び出す必要があります：

let InitializeFromStateForm = props => { 
    const { handleSubmit, load, pristine, reset, submitting } = props 
    return (
     <form onSubmit={handleSubmit}> 
     <div> 
      <button type="button" onClick={() => load(data)}>Load Account</button> 
     </div> 
     <div> 
      <label>First Name</label> 
      <div> 
      <Field name="firstName" component="input" type="text" placeholder="First Name"/> 
      </div> 
     </div> 
     <div> 
      <label>Last Name</label> 
      <div> 
      <Field name="lastName" component="input" type="text" placeholder="Last Name"/> 
      </div> 
     </div> 
     <div> 
      <button type="submit" disabled={pristine || submitting}>Submit</button> 
      <button type="button" disabled={pristine || submitting} onClick={reset}>Undo Changes</button> 
     </div> 
     </form> 
    ) 
    }