はReduxのフォームのテキストフィールドの初期値が設定されていないリアクト

Question

私はReduxのフォームのテキストフィールドの初期値/デフォルト値を設定しようとしています：

ここ

const RegisterForm = ({ handleSubmit, pristine, submitting }) => (

    <form className="ui form" onSubmit={handleSubmit}> 
     <div className="field"> 
      <Field 
       component="input" 
       type="text" 
       name="email" 
       placeholder="E-mail Address" 
       className="form-control" /> 
     </div> 
     <div className="field"> 
      <Field 
       component="input" 
       type="password" 
       name="password" 
       placeholder="Password" 
       className="form-control" /> 
     </div> 

     <div className="field"> 
      <Field 
       component="input" 
       type="text" 
       name="inviteCode" 
       defaultValue="default" 
       placeholder="Invite Code (Optional)" 
       className="form-control" /> 
     </div> 
     <Button type="btn btn-default" disabled={pristine || submitting}> 
      Register 
     </Button> 

     <p className="login-text">Already have an account? </p> 
     <a href="/">Log in</a> 
    </form> 
); 


RegisterForm.propTypes = { 
    handleSubmit: PropTypes.func.isRequired, 
    pristine: PropTypes.bool.isRequired, 
    submitting: PropTypes.bool.isRequired 
}; 

export default reduxForm({ 
    form: 'registerForm', 
    initialValues: { 
     inviteCode: 'Test' 
    } 
})(RegisterForm); 

がある私は初期値を設定しています：

initialValues: { 
    inviteCode: 'Test' 
} 

これは私のinviteCodeフィールドには何も表示されず、値も表示されません。コンソールにもエラーは表示されません。

これは何が起こっているのですか？

Answer 1

私はちょうど私のフォームのenableReinitialize : trueを設定する必要がありました：

export default reduxForm({ 
    form: 'registerForm', 
    initialValues: { 
     inviteCode: 'Test' 
    }, 
    enableReinitialize : true 
})(RegisterForm);