reactjs – TypeScript,redux-form和connect

首先,我对TS,React& amp; Redux,很抱歉,如果这是一个显而易见的问题.

我正在尝试修改this example以获取表单来加载一些信息.它使用的是redux-form.

我试图找出如何在组件导出的同时调用connect和redux-form.现在它看起来像这样：

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看起来像这样：

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

但是,如果我尝试在TS中执行相同的操作,我会收到TS2300错误：重复的标识符.

我也尝试使用@connect装饰器,但我无法使其工作(或在线找到任何工作示例).

你能链接它们吗？

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));