Chrome Extension

Add Input fields in Redux Form

You can add an input field in a redux form using a Field tag that can be imported from redux-form
import { Field, reduxForm } from 'redux-form';

<Field
    name="textField"
    component="input"
    type="text" //This can be password, email, number, etc
    placeholder="Text type field"
/>
Code faster with devsheet chrome extension and increase productivity as a programmer
search code from your favorite search engine instantly.
Install Now

In the code snippet, we have added an input field that has type text. You can add the password input field as below:

Password Input Field

To add a password input field in redux form you can assign password value to type attribute.

<Field
    name="textField"
    component="input"
    type="password"
    placeholder="Text type field"
/>

Email Input Field

To add an email input field in redux form you can assign email value to type attribute.

<Field
    name="textField"
    component="input"
    type="email"
    placeholder="Text type field"
/>

Number Input Field

To add a number input field in redux form you can assign 'number' value to the type attribute.

<Field
    name="textField"
    component="input"
    type="number"
    placeholder="Text type field"
/>
Was this helpful?
0 Comments
Open Code Manager We are hiring