React / MaterialUI-导入和导出同名

时间:2018-09-05 20:38:46

标签: reactjs material-ui react-material

我想创建名称为“ 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;

我该怎么做?我尝试处理导入{Menu as OtherName}等问题,但是每次都出错。

感谢您的建议。

2 个答案:

答案 0 :(得分:0)

您有两个选择:

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

export { myComponent as Menu };

答案 1 :(得分:0)

下面是导出和导入的两种情况

如果使用默认设置导出组件,则可以将该组件导入为

   import Menu from ‘./Menu’;

默认导出:

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

       ........
   }

如果没有默认情况下导出组件,则可以将组件导入为

   import {Menu} from ‘./Menu’;

无默认导出:

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

      ........
   }