为什么不能导出PureComponent

Question

我正在使用它：

export class FormAuto extends React.PureComponent {
   constructor(props) {
     ...
   }
  ....
}

我以这种方式导入成分：import { FormAuto } from './FormAuto'

但是我想这样做，以使用redux中的connect：

class FormAuto extends React.PureComponent {
   constructor(props) {
     ...
   }
  ....
}
export default connect(mapStateToProps, mapDispatchToProps)(FormAuto);

但是我有这个错误：

Module ../../FormAuto没有导出的成员'FormAuto'

如果我以这种方式导入成分：import FormAuto from './FormAuto'该组件不再显示。

你能帮我吗？

Answer 1

该问题与PureComponent无关。这是因为您从named导出更改为default导出。

您有两个选择。

1. 使用默认导入

import FormAuto from './path/to/FormAuto'

2. 进行命名导出：

// Either the const or the class will need to be renamed in this scenario
export const FormAuto = connect(mapStateToProps, mapDispatchToProps)(FormAuto);

最重要的是，您需要保持它们一致。

供参考：

默认

export default MyComponent

import MyComponent from './MyComponent';

已命名

export MyComponent

import { MyComponent } from './MyComponent';