React / MaterialUI - 同名导入导出

Posted 2023-02-22

【中文标题】React / MaterialUI - 同名导入导出

【英文标题】：React / MaterialUI - import and export with the same name

【发布时间】：2019-02-11 01:38:51

【问题描述】：

我想创建名为“Menu”的组件并从 MaterialUI 导入“Menu”，如下所示：

import React, Component from 'react';
import Menu from '@material-ui/core/Menu';

class Menu extends Component 

    render() 
        return (
            <div>
                <Menu>
                    ...
                </Menu>
            </div>
        );
    


export default Menu;

我该怎么做？我尝试使用 import Menu as OtherName 等，但我一直有错误。

感谢您的建议。

【参考方案1】：

你有两个选择：

import  default as materialMenu  '@material-ui/core/Menu';

或

export  myComponent as Menu ;

【讨论】：

很高兴为您提供帮助！欢迎来到***

【参考方案2】：

下面是导出和导入的两种场景

如果您使用默认导出组件，那么您可以将组件导入为

   import Menu from ‘./Menu’;

默认导出：

   export default class Menu extends Component
       ........

       ........
   

如果你没有默认导出组件，那么你可以将组件导入为

   import Menu from ‘./Menu’;

无默认导出：

   export class Menu extends Component
       ........

      ........