Estoy usando redux-form 6.0.0-rc.5 y estoy tratando de mostrar los valores del formulario a medida que los ingresa el usuario.

Sin embargo, quiero que estos valores se muestren desde otro componente, no el formulario redux en sí.

Entonces, mi arquitectura de aplicación simplificada sería así:

<App />              -> (main component -container ?-)
  <List />           -> (connect to form values and pass them down)
    <Elem />         -> (display form value)
  <Form />           -> (enter form values)

El componente es una forma redux montada en 'forma' y está funcionando.

Form = reduxForm({
  form: 'formName'
})(Form)

¿Cuál sería una buena manera de obtener los valores del formulario (del estado form.formName.values) y enviarlos a mi componente Display?

Cosas que he probado:

ConectarAplicación a la tienda ymapStateToProps (form.formName.values) luego páselo a Display como accesorio. Pero arroja un error ya que los valores no existen en el estado del formulario hasta que el usuario haya ingresado algo.

Usando la funcióngetFormValues('formName') proporcionado por redux-form dentro del componente List pero devuelve una función o undefined:

Elem

const Elem = ({ name }) => (
  <li>{name}</li>
)

Lista

const List = ({ values }) => (
  {values.map(value => <Elem name={value.name} />)}      
)

List = connect(
  state => ({
    values: getFormValues('formName')
  })
)(List)

Debe haber algo que me falta o todavía no entiendo correctamente si es con forma redux o redux en sí ... ¡Espero que alguien pueda iluminarme!

Gracias y que tengas un buen día.