javascript - How to migrate default export to named export?

Question

Consider this code:

const MyComponent = props => <div>Hello</div>
export default React.memo(MyComponent)

This exports React.memo(MyComponent) as default. How can I instead turn this into a named export?

question from:https://stackoverflow.com/questions/65647384/how-to-migrate-default-export-to-named-export

Answer 1

const _MyComponent = props => <div>Hello</div>
export const MyComponent = React.memo(_MyComponent)

That would allow you to keep MyComponent as the name. You could alternately keep your original name and export MemoizedMyComponent or something like that.