Ich verwende redux-form 6.0.0-rc.5 und versuche, die Formularwerte so anzuzeigen, wie sie vom Benutzer eingegeben wurden.

Ich möchte jedoch, dass diese Werte von einer anderen Komponente angezeigt werden, nicht vom Redux-Formular selbst.

Also, meine vereinfachte App-Architektur würde so aussehen:

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

Die Komponente ist ein Redux-Formular, das an 'form' angehängt ist und funktioniert.

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

Was wäre eine gute Methode, um die Formularwerte (aus dem Status form.formName.values) abzurufen und an meine Anzeigekomponente zu senden?

Things habe ich versucht:

Verbinden App zum Laden und mapStateToProps (form.formName.values) übergibt es dann an Display as a prop. Es wird jedoch ein Fehler ausgegeben, da im Formularstatus keine Werte vorhanden sind, bis der Benutzer etwas eingegeben hat.

Mit der Funktion getFormValues ('formName') wird von redux-form in der List-Komponente bereitgestellt, gibt jedoch eine Funktion oder eine undefinierte zurück:

Elem

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

Aufführe

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

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

Es muss etwas geben, was mir fehlt oder ich verstehe immer noch nicht richtig, ob es sich um eine Redux-Form oder eine Redux-Form selbst handelt ... Ich hoffe, jemand wird mich aufklären können!

ielen Dank und einen schönen Ta