あなたはどのようにしてredux形式の動的フォーム名を渡しますか？

Question

このコードを使用して、動的フォーム名をreduxFormに渡そうとしています。この記事から

let FormAddress = compose(connect((state, props) => ({form: props.form})), reduxForm({destroyOnUnmount: false, asyncBlurFields: []}))(ValidationForm); 

：ここ

は、私が見つけたコードです https://github.com/erikras/redux-form/issues/603#issuecomment-254271319

しかし、私が起こっていただきました、本当にわかりません。

これは私が現在、それをやっている方法です：私はことをしようとすると、

const formName = 'shippingAddress'; 
const form = reduxForm({ 
    form: props.form 
    // validate 
}); 

export default connect(mapStateToProps)(CityStateZip); 

しかし：

const formName = 'shippingAddress'; 
const form = reduxForm({ 
    form: formName 
}); 

export default connect(mapStateToProps)(CityStateZip); 

をしかし、私はこのように、小道具を使用して、それを渡すことができるようにしたいと思いますそれはそれがそれが上記の関数の範囲外であると信じているので、それはそれが小道具が何であるかを知らないと訴える。

誰かが私を助けることができますか？

Answer 1

このスニペットは基本的にreduxライブラリのcompose機能を使用しています。ここにあなたのcomponents/FormAddress.jsファイルにあなたが試すことができます何か...

<FormAddress name="shippingAddress" />

ので

import React from 'react'; 
import { compose } from 'redux'; 
import { connect } from 'react-redux'; 
import { reduxForm } from 'redux-form'; 

class FormAddress extends React.Component { ... } 

const mapStateToProps = (state, ownProps) => { 
    return { 
     form: ownProps.name, 
     // other props... 
    } 
} 

export default compose(
    connect(mapStateToProps), 
    reduxForm({ 
     //other redux-form options... 
    }) 
)(FormAddress); 

・ホープ、このことができますです！

Answer 2

FormAddressコンポーネントを呼び出すとprops.formとして小道具にフォームの名前を送信する必要があり、親コンポーネント：

var formId="SomeId" 
<FormAddress form={formId} /> 

// and in your FormAddress component have 
const form = reduxForm({ 
    //no need to put form again here as we are sending form props. 
}); 

これは私のために動作します。