フィールドに入力できないのはなぜですか？

Question

私はredux-formを使用しています。initializeメソッドとcomponentDidUpdate()メソッドを追加した後で、入力の中に入力できません。自分のメールアドレスに入力しようとすると、文字は表示されません。私はすべての入力が制御されていると推測していますか？もしそうなら、私はそれをどのように扱いますか？

import { reduxForm, Field, initialize } from 'redux-form'; 

const CustomComponent = function(field) { 
      return(
       <div> 
        <input { ...field.input } type={field.type} placeholder={field.placeholder} /> 
       </div> 
      ); 
     } 

//class instantiation 

componentDidUpdate(){ 
    this.handleInitialize(); 
} 

handleInitialize() { 
    const initData = { 
     "name": this.props.name 
    }; 
    this.props.initialize(initData); 
} 



render() { 
    const { handleSubmit } = this.props; 


    return (
     <div> 
      <form onSubmit={handleSubmit(this.onSubmit)}> 
       <div> 
        <Field name="name" component={CustomComponent} type="text" placeholder="Name" /> 
        <Field name="email" component={CustomComponent} type="email" placeholder="Email" /> 
       </div> 
       <button type="submit">Submit</button> 
      </form> 
     </div> 
    ); 
} 

Answer 1

CustomComponentをrender()メソッド内に定義することはできません。最初に入力を開始すると、コンポーネントのフォーカスが失われます。

Redux設定でレデューサーを正しく設定しましたか？