redx-formが実行されていないmapStateToProps関数

Question

redux形式のドキュメントでは、reduxForm()デコレータが1つの必須引数（configオブジェクト）と4つのオプション引数（react-reduxのconnectデコレータに渡される4つの引数） 。しかし、mapStateToProps()関数を引数として渡してreduxForm()デコレータに渡すと、mapStateToProps()は実際には実行されません。以下の簡単なコード例を参照してください。通訳者は決してdebuggerに達しません。私はredux形式のドキュメントに関する何かを誤解していますか？

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

class Home extends React.Component { 
    render() { 
    return (
     <div>This is the home component.</div> 
    ); 
    } 
} 

function mapStateToProps(state) { 
    debugger; 
    const { 
    ui: { 
     isMailingListFormVisible 
    } 
    } = state; 
    return { 
    isMailingListFormVisible 
    }; 
} 

export default reduxForm({ 
    form: 'mailingList', 
    fields: ['firstName', 'email'] 
}, mapStateToProps)(Home); 

Answer 1

いいえ、あなたはドキュメントを誤解していません。私はあなたのコードの例を実行し、それはちょうど良いデバッガーのステートメントをヒットします。

Answer 2

<Provider>コンポーネントのどこかに置きますか？

正直なところ、あなたのコードに間違いはありません。

Answer 3

あなたのコードは、あなたのFormコンポーネントを飾ると、手動でストアに全体を接続する必要がV6にという理由だけで、V6には動作しませんでした：V6のよう

import ... 

class MyForm extends React.Component { 
    ... 
} 

MyForm = reduxForm({ 
    form: 'myForm', 
    ... 
})(MyForm); 

export default connect(mapStateToProps, mapDispatchToProps)(MyForm);