如何在 JS React 中使用两个函数导出默认值？

Question

import { connect } from "react-redux";
import { withTranslation } from 'react-i18next'

...

export default 
  withTranslation()
  connect(mapStateToProps, mapDispatchToProps)(Form);

Answer 1

你可以做：-

export default connect(mapStateToProps, mapDispatchToProps)(withTranslation(Form));

或者

export default connect(mapStateToProps, mapDispatchToProps)(withTranslation()(Form));

取决于您的 HOC 的实现，这就是 HOC 是否用于 Form 组件。

Answer 2

当要导出两个或多个变量时，function、类等，只要在其声明前加上关键字export即可。 例如：

export const FRUITS = ['apple', 'banana'];
export function getRandomFruit = () => {
  return FRUITS[Math.floor(Math.random() * array.length)];
};

当你导入它时，就像这样：

import { FRUITS, getRandomFruit } from './fruitController';