reactjs – TypeScript,redux-form和connect

发布时间：2020-12-15 16:19:16 所属栏目：百科来源：网络整理

导读：首先,我对TS,React amp; Redux,很抱歉,如果这是一个显而易见的问题. 我正在尝试修改this example以获取表单来加载一些信息.它使用的是redux-form. 我试图找出如何在组件导出的同时调用connect和redux-form.现在它看起来像这样： class UserForm extends Reac

首先,我对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',})(UserForm));

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!