如何将默认导出迁移到命名导出？

Question

考虑下面的代码：

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

这会将React.memo(MyComponent)导出为默认值。我如何才能将其转换为命名导出？

Answer 1

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

这将允许您保留MyComponent作为名称。您也可以保留您的原始名称并导出MemoizedMyComponent或类似的内容。

Answer 2

export const就是你要找的东西：

const MyOriginalCOmponent = () => <div />
export const MyComponent = React.Memo(MyOriginalComponent)