Hey there, I'm new to working with redux forms and I've been trying to figure out how to use input types other than "text". I've read through the documentation but for some reason, types like "checkbox" or "radio" are not showing up in the browser output. I can't seem to pinpoint what I'm doing wrong here and why they're not functioning properly. Any assistance would be greatly appreciated.
Below is my reducers/index.js file
import {combineReducers} from 'redux';
import { reducer as reduxForm } from 'redux-form';
import dummyReducer from './dummyReducer';
export default combineReducers({
dummyReducer: dummyReducer,
form: reduxForm
});
And here's the React component where I'm using redux form:
import React, { Component } from 'react';
import { reduxForm, Field } from 'redux-form';
class ServiceList extends Component {
render () {
return (
<div>
<label htmlFor="employed">Employed</label>
<Field name="projectOwner" component="input" type="radio" />
</div>
);
}
}
export default reduxForm({
form: 'projectForm'
})(ServiceList);
While input fields with type text work fine, checkboxes and radio buttons don't behave as expected - only the labels show up. I'm sorry if this is a beginner mistake on my end causing them not to render correctly.