问题描述
错误:元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件)但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。
在 React 中添加 Bootstrap Accordion 时出现此错误。 请找到以下代码。
import axios from "axios";
import { Accordion } from 'react-bootstrap';
class State extends Component {
constructor() {
super();
this.state = {
stateData: {}
}
}
render() {
return (
<div className="row">
<div className="col-md-12">
<Accordion defaultActiveKey="0">
<Accordion.Item eventKey="0">
<Accordion.Header>Accordion Item #1</Accordion.Header>
<Accordion.Body>
Lorem ipsum dolor sit amet,</Accordion.Body>
</Accordion.Item>
<Accordion.Item eventKey="1">
<Accordion.Header>Accordion Item #2</Accordion.Header>
<Accordion.Body>
Lorem ipsum dolor sit amet,consectetur adipiscing elit,est laborum.
</Accordion.Body>
</Accordion.Item>
</Accordion>
</div>
</div>
);
}
}
export default State;```
Dependencies added,"dependencies": {
"@testing-library/jest-dom": "^5.14.1","@testing-library/react": "^11.2.7","@testing-library/user-event": "^12.8.3","axios": "^0.21.1","bootstrap": "^5.0.2","react": "^17.0.2","react-bootstrap": "^1.6.1","react-dom": "^17.0.2","react-router-dom": "^5.2.0","react-scripts": "4.0.3","web-vitals": "^1.1.2"
},
解决方法
您需要查看您正在使用的版本的 react-bootstrap 的 docs。您使用的是最新引导程序版本 (2.0.0-beta.2) 的文档。
您使用的版本没有 Accordion.Header
。看看correct docs。