Wie kann eine benutzerdefinierte redux-form-Komponente mehrere Felder steuern?

Question

Ich möchte eine Map mit einem ziehbaren Marker haben, der sowohl x als auch y Felder bestimmt.

<Fields names={['x', 'y']} component={Map} /> 

Wenn die Markierung an eine neue Position auf der Karte gelöscht wird, wie kann ich feststellen, redux-Form, was die neuen x und y Werte sind?

http://redux-form.com/6.5.0/docs/faq/CustomComponent.md/

Answer 1

const renderMap = props => (
    <DragDrop 
    image={props.image} 
    currentValue={{ 
     x: props.x.input.value, 
     y: props.y.input.value, 
    }} 
    thingsChanged={coords => { 
     props.x.input.onChange(coords.x); 
     props.y.input.onChange(coords.y); 
    }} /> 
) 

<Fields 
    names={['x', 'y']} 
    component={renderMap} 
    image={this.state.image} />