redux-form: как отобразить значения формы в другом компоненте

Я использую redux-form 6.0.0-rc.5 и пытаюсь отобразить значения формы по мере их ввода пользователем.

Однако я хочу, чтобы эти значения отображались из другого компонента, а не из самой формы притока.

Итак, моя упрощенная архитектура приложения будет выглядеть так:

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

Компонент представляет собой избыточную форму, смонтированную как «форма», и работает.

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

Что было бы хорошим способом получить значения формы (из состояния form.formName.values) и отправить их в мой компонент Display?

Вещи, которые я пробовал:

соединятьПриложение в магазин иmapStateToProps (form.formName.values) затем передайте его в Display как реквизит. Но он выдает ошибку, так как значения не существуют в состоянии формы, пока пользователь ничего не наберет.

Используя функциюgetFormValues('formName'), предоставляемая redux-form внутри компонента List, но он возвращает функцию или неопределенный:

Эль

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

Список

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

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

Должно быть что-то, чего мне не хватает, или я до сих пор не понимаю, правильно ли это с редукс-формой или с самим редуксом ... Я надеюсь, что кто-то сможет меня просветить!

Спасибо Вам и хорошего дня.