title: How should I connect child components of a reduxForm to the redux state?
body: <p>I have quite a complex multi-level deep/nested form connected to React/Redux using <a href="http://redux-form.com/5.2.4/#/api/reduxForm?_k=x79v2a" rel="nofollow"><code>reduxForm()</code></a>. As the form is very large, I've broken parts of it into child components. Some of these components require access to the Redux state, so need to either have connections passed down via props or be <code>connect()ed</code>. However when I use the normal Redux <code>connect()</code> function to connect the child components, it becomes impossible to edit the redux-form fields within them. So I tried using <code>reduxForm()</code> to connect the child components as well as the parent, which felt wrong, but appeared to work.</p>
  
  <p>However I'm now discovering that some functionality like <code>removeField()</code> isn't working in the connected subcomponents -- e.g. <code>child_form.removeField(index)</code> removes all the <code>child_form</code>s, not just the one matching the index.</p>
  
  <p>What is the correct/best-practice method of connecting child components of a <code>reduxForm()</code> component to the redux state? Passing everything through the hierarchy using props is going to become unwieldy very quickly...</p>