[英]does not contain an export named
I'm trying to import a simple component into my React. 我正在尝试将一个简单的组件导入到我的React中。 I'm having trouble locating this component.
我无法找到这个组件。
I'm getting the following error while importing component 导入组件时出现以下错误
./src/App.js 61:28-32 './componentes/Menu' does not contain an export named 'Menu'.
./src/App.js 61:28-32'./componentes/Menu'不包含名为'Menu'的导出。
This is my simple component: 这是我的简单组件:
import React, { Component } from 'react';
import { Button } from 'react-bootstrap';
export default class Menu extends Component {
render() {
return (
<div>
<Button bsStyle="danger">Hello World Dangerhahahah</Button>
</div>
);
}
}
I'm calling it as follows in my App. 我在我的应用程序中将其称为以下内容。
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import { Menu } from './componentes/Menu';
import { Button } from 'react-bootstrap';
class App extends Component {
constructor(props) {
super(props)
}
render() {
return (
<div>
<Menu />
<Button bsStyle="danger">Take this action</Button>
<div className="App">
<div className="bs-header" id="content">
<div className="container">
<h1>Template Changelog</h1>
<p>Lists all changes to the HTML template files</p>
</div>
</div>
</div>
);
}
}
export default App;
It's because you're trying to destructure the exported default component from the file. 这是因为您正在尝试从文件中构造导出的默认组件。
Just remove the brackets around the Menu
from the import statement in the App component so import { Menu } from './componentes/Menu';
只需从App组件的import语句中删除
Menu
周围的括号,然后import { Menu } from './componentes/Menu';
becomes import Menu from './componentes/Menu';
import Menu from './componentes/Menu';
变成import Menu from './componentes/Menu';
In your Menu.js
you are using export default
which creates a export entry named default
regardless what is the name of class 在您的
Menu.js
您使用export default
,它创建一个名为default
的导出条目,无论类的名称是什么
You should either: 你应该:
import Menu from './components/Menu';
import Menu from './components/Menu';
in App.js
App.js
export class Menu extends Component
in Menu.js
export class Menu extends Component
在Menu.js
export class Menu extends Component
try changing import { Menu } from './componentes/Menu';
尝试
import { Menu } from './componentes/Menu';
更改import { Menu } from './componentes/Menu';
to import Menu from './componentes/Menu';
import Menu from './componentes/Menu';
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.