react-redux-form

In my react redux form, I have the following: <fieldset className="form-group"> <legend>Radio buttons</legend> {this.props.job_titles.map(jobTitle => ( <div className="form-check" key={jobTitle.id}> <label className="form-check-label"> <Field name="job_title_id" component="input" type="radio" value={jobTitle.id} /> {' '} {jobTitle.title} </label> </div> ))} </fieldset> This renders the radio buttons correctly, but when you click to select a radio button, the radio button never sets as selected. You can't select an option - the form is broken. What's strange is if I update: value={jobTitle.id}

I have a redux form that when submitted, is causing the entire browser page to refresh which is not desired... What am I doing wrong here to cause the page to refresh on submit? Rate.js import React from 'react'; import RateForm from '../../components/rate/RateForm'; class Rate extends React.Component { handleSubmit(data) { alert('x') console.log('handleSubmit'); console.log(data); } render() { const fields = [ { name: 'execution', type: 'select', options: [ { label: '5', value: '5' }, ], }, ] return ( <div> <RateForm fields={fields} handleSubmit={this.handleSubmit.bind(this)} /> </div> ) } }

I have a redux-form connected to my application state and everything seems to work great. I can fetch data and load it into my form, then submit data and get the metadata I want... However, I have a custom interaction (a color picker) that needs to change the value of a managed Field on the fly. Everything I try will change the screen, but not the redux form state i.e. when I submit the form I just get the original field data and not the new data shown in the form. The version below is passing the field props to the component and trying to use the ColorSelect component state as the field value

I am trying to use React refs to focus a Redux-Form Field when it mounts. When I try this.refs.title.getRenderedComponent().focus() in componentDidMount , an error is thrown saying: edit_fund.js:77 Uncaught TypeError: Cannot read property 'getRenderedComponent' of undefined When I console.log this.refs, it is mostly an empty object and sometimes identifies 'title' as being a ref, but it is not dependable. Am I using refs incorrectly? My code is below for reference. componentDidMount = () => { this.refs.title .getRenderedComponent() .focus(); } ... <Field id="title" name="title" component=