reduxFormでmapStateToPropsとmapDispatchToPropsを接続する方法

Question

redux-formを使用しようとしています。私は公式文書の例に従っています。

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

class Example extends Component { 
    // ... 
}; 

const mapStateToProps = (state) => ({ 
    // ... 
}); 

const mapDispatchToProps = (dispatch) => ({ 
    // ... 
}); 

Example = connect(
    mapStateToProps, 
    mapDispatchToProps 
)(Example); 

export default reduxForm({ 
    form: 'example' // a unique name for this form 
})(Example); 

これは、構文エラーを返します。「例」は読み取り専用です。もし誰かが私にエラーが何であるか教えてもらえれば幸いです。私はredux-form@7.2.0を使用しています。

ありがとうございました

Answer 1

私は通常、状態と小道具をマッピングするために別のjsを作成します。下の例を参照してください：ここでは

index.js

import Example from './Example' 

import { connect } from 'react-redux' 

function mapStateToProp (state) { 
    return { 
    anything: get(state, 'anything', {}) 
    } 
} 

const mapDispatchToProp = dispatch => ({ 
}) 

export default connect(
    mapStateToProp, 
    mapDispatchToProp 
)(Example) 

Answer 2

例。あなたは関数を使用して接続する必要がありますし、関数reduxForm

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

const mapStateToProps =() => ({}); 

const mapToProps = {}; 

const mapToForm = { 
    form: 'example' 
}; 

class Example extends Component { 
}; 

export default connect(mapStateToProps, mapToProps)(
    reduxForm(mapToForm)(
    Example 
) 
);