Connecting the contactForm reducer with a React component.

ContactForm.jsx

const ContactForm = ({ data, editData }) => (
  <div>
    <h4>Contact Form</h4>
    <input
      type="text"
      value={data.name}
      onChange={e => editData({ name: e.target.value })}
    />
    <input
      type="text"
      value={data.email}
      onChange={e => editData({ email: e.target.value })}
    />
    <input
      type="checkbox"
      checked={data.subscribeToNewsletter}
      onChange={e => editData({ subscribeToNewsletter: e.target.checked })}
    />
  </div>
);

const mapStateToProps = state => ({
  data: state.contactForm
});

const mapDispatchToProps = {
  editData: editContactForm
};

export default connect(mapStateToProps, mapDispatchToProps)(ContactForm);