redux-form

I'm creating multiple forms within a single component and to initialize them with the redux store I'm defining the form's name attribute in the <form> element, as opposed to within the reduxForm() helper, which was documented here... How to embed the same redux-form multiple times on a page? I'm creating the forms from the 'listing' object and passing it to my components with mapStateToProps() . I'm trying to set the initial values of the form with initialValues={} , but Redux Form is producing the following errors and is asking for the form to be declared in the reduxForm() helper... 1)

Using React with redux-forms, I got following component, it's a form where 3 input fields might get values if the query string include the values. I'm using initialize method for setting: initialize({ firstname: query.firstname, lastname: query.lastname, birthday: query.dob }); And that fills the fills, however I got two main issues: The submit button keeps disabled The fields are not editable. I tried to set a fix for the submit button by testing the invalid prop, but didn't work. How can I fix and cope those issues? This is the whole component code: import React, { Component, PropTypes }

I've created a redux-form and i want to add className to each Field to customize them with css. The code for each field is: <Form onSubmit={handleSubmit(requestAccountsFilter)}> <FormGroup row> <Field id="symbol" name="symbol" type="text" component={inputField} placeholder="Enter Product Here" /> <Field id="side" name="side" component={inputField} type="select"> <option value={null}>Any</option> <option value="Buy">Buy</option> <option value="Sell">Sell</option> </Field> <Field id="status" name="status" component={inputField} type="select"> <option value={null}>Any</option> <option value=

How to make the react-datepicker bind with redux-form? I have this redux-form field: <Field name="due_date" component={props => <DatePicker {...props} readOnly={true} selected={this.state.due_date} value={this.state.due_date} onChange={this.handleDueDate} /> } /> Whenever i submit the redux form does return an empty object not binding the datepicker's value... my onChange : handleDueDate(date) { this.setState({ due_date: moment(date).format('L') }, () => { // do I need to dispatch and action here to update the redux-form in state tree? }) } you have to make a custom component to validate and

I'm relatively new to Redux and I have a form that has some radio inputs "Yes" or "No". Basically, I want to conditionally show another element which contains another redux form field, based on that radio input selection. Is there a straight forward to do this? I'm trying to just check the formProps.site_visit value, but I get an error about it being undefined. For the record, I've greatly reduced the amount of code in this component for brevity sake. export class RequestForm extends React.Component { submit(formProps) { const request = { square_footage: formProps.get('square_footage'), site

This is actually less a question than it is me sharing my technique for trimming field values using this library. I'd read every single posting I could find on the matter on Stack Exchange and elsewhere, and could not find a complete working solution. It took me too much time and some trial and error to figure out. With redux-form you must use the change action creator to reset the field value to the trimmed value. The hard part was finding the right place in the code under the right conditions to do the trim and fire the action. I tried the normalize method included with redux-form. No. I