Estou usando o redux-form 6.0.0-rc.5 e estou tentando exibir os valores do formulário conforme eles são inseridos pelo usuário.

No entanto, quero que esses valores sejam exibidos em outro componente, não no próprio formulário redux.

Portanto, minha arquitetura simplificada de aplicativos seria assim:

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

O componente é um redux-form montado em 'form' e está funcionando.

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

Qual seria uma boa maneira de obter os valores do formulário (do estado form.formName.values) e enviá-los para o meu componente Display?

Coisas que tentei:

ConectarAplicativo para a loja emapStateToProps (form.formName.values), em seguida, transmita-o para Display como suporte. Mas gera um erro, pois os valores não existem no estado do formulário até que o usuário digite alguma coisa.

Usando a funçãogetFormValues('formName') fornecido pelo redux-form dentro do componente List, mas retorna uma função ou indefinida:

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)

Deve estar faltando algo ou ainda não entendi corretamente se é com redux-form ou com o próprio redux ... Espero que alguém seja capaz de me esclarecer!

Obrigado e tenha um ótimo dia.