TypeScript、redux-form and connect

Question

まず最初に、私はTS、React & Reduxを非常に新しくしています。これは明らかな質問であればごめんなさい。

私はthis exampleを変更して、情報をロードするフォームを取得しようとしています。それはredux-formを使用しています。

私は、connectとredux-formを同時にエクスポートする方法を理解しようとしています。

class MyForm extends Component {} 
MyForm = reduxForm(config)(MyForm) 
MyForm = connect(mapStateToProps, mapDispatchToProps)(MyForm) 
export default MyForm 

しかし、私はTSで同じことをしようとした場合、私はTS2300エラーを取得：重複した識別子を

class UserForm extends React.Component<IUserProps, void> { .. } 

export default ReduxForm.reduxForm({ 
    form: 'user', 
    fields: [ 
    'userName', 
    'password', 
    'firstName', 
    'lastName', 
    'email' 
    ], 
    validate: UserForm.validate, 
})(UserForm); 

私はこのようなwithout TS表情を見てきた例は：今、それはこのように見ています。

私はまた、@connectデコレータを使用しようとしましたが、動作させることができませんでした。

Answer 1

チェーンできますか？

class UserForm extends React.Component<IUserProps, void> { .. } 

export default connect(mapStateToProps,mapDispatchToProps) 
    (ReduxForm.reduxForm({ 
    form: 'user', 
    fields: [ 
    'userName', 
    'password', 
    'firstName', 
    'lastName', 
    'email' 
    ], 
    validate: UserForm.validate, 
})(UserForm)); 

Answer 2

ない修正が、問題はany

connect(mapStateToProps, mapDispatchToProps)(MyForm as any)

にキャストして沈黙することができます