如何將默認導出遷移到命名導出？

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)