React：具有连接函数的导出函数

Question

我知道如何通过这种方式将我的翻译功能连接到组件：

class App extends Component {
...
}
export default translate('common')(App);

但如果以这种方式导出组件，我该怎么做同样的任务：

export function UserInterface({data, onAdmin, isAdmin}: propTypes){
...

我知道，这是一个愚蠢的问题。但我现在陷入困境。

Answer 1

你可以这样写：

export const UserInterfaceWithTranslation = translate('common')(UserInterface);

请详细了解exports。

Answer 2

您也可以导出功能

<强> MyContext.js

function UserInterface({data, onAdmin, isAdmin}: propTypes){ 
 ... some code
}

module.exports = {
 userInterface : UserInterface
}

导入

import myContexts from './MyContext'

myContexts.userInterface(params);