Warum kann ich meine Felder nicht eingeben?

Question

Ich verwende Redux-Form und ich kann nicht innerhalb meiner Eingaben eingeben, nachdem ich die initialize Methode und componentDidUpdate() hinzufüge. Wenn ich versuche, meine E-Mail einzugeben, erscheinen keine Zeichen. Ich vermute, dass alle Eingänge gesteuert werden? Wenn ja, wie würde ich damit umgehen?

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

Sie können Ihre CustomComponent innerhalb der render() Methode nicht definieren. Dadurch verliert die Komponente den Fokus, wenn Sie mit der Eingabe beginnen.

Haben Sie den Reducer richtig in Ihrer Redux-Konfiguration eingerichtet?