React: export function with connected function

Question

I know how to connect my translate function to a component this way:

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

But how can I do the same task if component is being exported this way:

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

I know, that this is kind of silly question. But I am stuck at this point.

falinsky · Accepted Answer · 2018-06-14 05:40:00Z

1

You can write something like this:

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

Please read more about exports.

answered Jun 14, 2018 at 5:40

falinsky

7,4454 gold badges34 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thanks! It really helped!

Manoz · Accepted Answer · 2018-06-14 06:03:19Z

1

You can export functions too

MyContext.js

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

module.exports = {
 userInterface : UserInterface
}

Import

import myContexts from './MyContext'

myContexts.userInterface(params);

answered Jun 14, 2018 at 6:03

Manoz

6,62713 gold badges72 silver badges117 bronze badges