Kombinieren von Feldwerten mit Redux-Form v6

Question

Ich migriere einen Teil einer Anwendung von redux-form v5 zu v6 (alpha-10). Ich muss die kombinierten Werte einiger Felder anzeigen.

In v5, hätte ich so etwas wie:

class MyForm extends Component {        
    render() {             

    const { fields: { first, last }, handleSubmit } = this.props 

    return (            
     <form onSubmit={handleSubmit}>       

     <div>            
      <label>First name</label> 
      <input type="text" {...first}/> 
     </div>            

     <div>            
      <label>Last name</label> 
      <input type="text" {...last}/> 
     </div> 

     <div> 
      Welcome {first.value last.value.toUpperCase()} 
     </div> 

     <button type="submit">Submit</button>    
     </form>            
    ) 
    } 
} 

Die letzte div der Form verbindet die Werte meiner beiden first und last Felder aus. Wie kann ich ein solches Element mit v6 erstellen?

Answer 1

Gerade eine API für genau dieses Ding veröffentlicht. Schauen Sie sich das Selecting Form Values Beispiel an.