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"
/>
Best JSON Validator, JSON Tree Viewer, JSON Beautifier at same place. Check how cool is the tool

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