Setting a value in an input Field in Redux Form

Question

i want to create a field using redux form which will contains a "readOnly" box which will have a default value.

So im writing

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

The userNumber is a prop. The inputField is: 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>
);

My layout is like this:

When my component is render i want it to appear like this. The problem is that the "value" prop is not assigned. How to solve this?

Anyone to know how to figure it out??

RamAlx
– RamAlx

2017-02-15 15:16:17 +00:00
Commented Feb 15, 2017 at 15:16 — RamAlx
– RamAlx, Commented Feb 15, 2017 at 15:16

Kevin Ortman · Accepted Answer · 2018-11-27 07:00:44Z

2

Consider mapping state to the initialValues prop in your form declaration.

Here's how I did it:

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

A fully documented example is here Initialize From State

edited Nov 27, 2018 at 7:00

answered May 31, 2017 at 2:32

Kevin Ortman

1,92914 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Setting a value in an input Field in Redux Form

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related