Einen Wert in einem Eingabefeld im Redux-Formular einstellen

Question

Ich möchte ein Feld mit redux-Formular erstellen, das ein "readOnly" -Feld enthält, das einen Standardwert haben wird.

So im Schreiben

<Field id="current-password" 
     name="current-password" 
     type="text" 
     readOnly="readOnly" 
     component={inputField}> 
     value={userNumber}  
</Field> 

Die Benutzernummer ist eine Stütze. das Eingabefeld ist: i

mport React from 'react'; 
import { Input } from 'reactstrap'; 


export default field => (
    <div> 
    <Input {...field.input} type={field.type}> 
     {field.children} 
    </Input> 
    {field.meta.touched && field.meta.error && 
    <span className="error">{field.meta.error}</span>} 
    </div> 
); 

Mein Layout ist wie folgt:

Wenn meine Komponente ist rendern ich es so erscheinen soll. Das Problem ist, dass die Property "value" nicht zugewiesen ist. Wie löst man das?

Answer 1

Betrachten Sie den Zuordnungsstatus initialValues ​​ Prop in Ihrer Formulardeklaration.

Hier ist, wie ich es tat:

function mapStateToProps(state) { 
    return { 
     request: state.request, 
     initialValues: state.auth, 
    }; 
} 

Ein vollständig dokumentiertes Beispiel hier ist enter link description here