元素类型无效：添加引导手风琴时需要字符串对于内置组件或类/函数对于复合组件

如何解决元素类型无效：添加引导手风琴时需要字符串对于内置组件或类/函数对于复合组件

错误：元素类型无效：应为字符串（对于内置组件）或类/函数（对于复合组件）但得到：未定义。您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。

在 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。