我正在尝试将一个简单的组件导入到我的React应用中。但是我无法定位到这个组件。
在导入组件时,我遇到了以下错误:
我在我的应用程序中按以下方式调用它。
在导入组件时,我遇到了以下错误:
这是我的简单组件:./src/App.js 61:28-32 './componentes/Menu' does not contain an export named 'Menu'.
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>
);
}
}
我在我的应用程序中按以下方式调用它。
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;