Javascript 导出具有两个属性的React组件

我正在使用MaterialUI，我必须像这样导出我的组件：

import withStyles, { WithStyles } from "@material-ui/core/styles/withStyles";

...

export default withStyles(styles)(Users);

export default withStyles(styles)(translate("common")(Users));

现在我开始在我的项目中使用国际化，但它希望我像这样导出我的组件：

import withStyles, { WithStyles } from "@material-ui/core/styles/withStyles";

...

export default withStyles(styles)(Users);

export default withStyles(styles)(translate("common")(Users));

导出默认翻译（“通用”）（用户）

问题是我怎样才能同时满足这两个要求？如何使用
和
翻译
导出

感谢您的帮助
这两段代码都会生成一个新组件，因此您可以将其中一段代码的结果输入到另一段代码中。在一行中完成，它将如下所示：

import withStyles, { WithStyles } from "@material-ui/core/styles/withStyles";

...

export default withStyles(styles)(Users);

export default withStyles(styles)(translate("common")(Users));

或者，如果这使它更容易遵循，这里它是分为两行

const TranslatedUsers = translate("common")(Users);
export default withStyles(styles)(TranslatedUsers);

这两段代码都会生成一个新组件，因此您可以将其中一段代码的结果输入到另一段代码中。在一行中完成，它将如下所示：

import withStyles, { WithStyles } from "@material-ui/core/styles/withStyles";

...

export default withStyles(styles)(Users);

export default withStyles(styles)(translate("common")(Users));

或者，如果这使它更容易遵循，这里它是分为两行

const TranslatedUsers = translate("common")(Users);
export default withStyles(styles)(TranslatedUsers);

高阶组件的目的是提供一种有效组合组件的方法：

export default translate("common")(
  withStyles(styles)(Users)
);

可以使用合成辅助工具将其展平，例如，
重新合成
：

import { compose } from 'recompose'

export default compose(
  translate("common"),
  withStyles(styles)
)(Users);

高阶组件的目的是提供一种有效组合组件的方法：

export default translate("common")(
  withStyles(styles)(Users)
);

可以使用合成辅助工具将其展平，例如，
重新合成
：

import { compose } from 'recompose'

export default compose(
  translate("common"),
  withStyles(styles)
)(Users);