Feature Proposal: formValues() HOC decorator that works inside a form component

From discussion on #2852 with @wmertens. The problem being solved is that formValueSelector() cannot be used in a reusable way inside a <FormSection> because it doesn’t know what the prefix defined in the <FormSection> is. General API syntax would look like:

@formValues({
  destProp: 'nameOfField'
})
class MyReusableFields extends Component {
  render() {
    const { destProp } = this.props
    // destProp is the value of the field called 'nameOfField'
    return (
      <div>
        <Field name="nameOfField" component="input"/>
        ... other fields

        ... some logic involving value of nameOfField:
        {destProp === 'specialValue' && <div>Value is SPECIAL!!</div>}
      </div>
    )
  }
}

There might also be an alternative syntax where, if your keys and values were all going to be the same, rather than pass…

@formValues({
  firstField: 'firstField',    // key and value are ===
  secondField: 'secondField'   // key and value are ===
})
class MyReusableFields extends Component {
  ...
}

…you could just pass a list of strings. e.g.

@formValues('firstField', 'secondField')
class MyReusableFields extends Component {
  ...
}

[gleb-lobastov]

@wmertens finally I reproduce the issue: https://codesandbox.io/s/Vrn7MZov

And root of problem was in my react-redux version: 4.4.5 if you change react-redux to latest 5^ then problem will gone

[gleb-lobastov]

@erikras I face some strange behaviour with formValues: values lagging behind the state at the time of reading. getValues retun { flag: false } when it actually true in the state. They syncs only on next mapStateToProps calculation, which might be performed only at next user interaction.

So formValuesSelector works for me, but formValues does not =(