2017-07-09 5 views
0

Mapには、xyの両方のフィールドを決定するドラッグ可能なマーカーが必要です。マーカーが地図上の新しい場所にドロップされる複数のフィールドをカスタムredux-formコンポーネントで制御する方法は?

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

、どのように私は新しいxy値が何であるかReduxの形式を教えてください? http://redux-form.com/6.5.0/docs/api/Field.md/ 1として

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

+0

、コンポーネントは、コンポーネントとすることができる|関数|文字列[必須]。あなたが単一のマップコンポーネントによって何を意味していたのかまだ明確ではありません。 –

+0

ありがとう@SherinMathew私は明確にするために質問を編集しました – Loren

+0

'this.props.onChange({x、y})'?オブジェクトを値として保存するだけではできませんか? – Dan

答えて

0
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} /> 
関連する問題