Установка значения в поле ввода в форме Redux

Question

Я хочу создать поле, используя форму редукса, которая будет содержать поле «readOnly», которое будет иметь значение по умолчанию.

Так им письменность

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

userNumber является опорой. InputField является: я

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> 
); 

Мой макет выглядит так:

Когда мой компонент визуализации я хочу, чтобы выглядеть следующим образом. Проблема в том, что «ценность» prop не назначена. Как это решить?

Answer 1

Рассмотрите картографическое состояние на initialValues ​​ prop в форме декларации.

Вот как я это сделал:

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

Полностью документированный пример здесь enter link description here