Reactjs React引导窗体无法呈现

我已经创建了简单的ReactJS组件，其react引导形式如下

import React from "react"; 
import Form from "react-bootstrap/lib/Form"; 
import Button from "react-bootstrap/lib/Button";

export default class TestForm extends React.Component{
    render() {
        return (
            <Form>
                <Form.Group controlId="formBasicEmail">
                    <Form.Label>Email address</Form.Label>
                    <Form.Control type="email" placeholder="Enter email" />
                    <Form.Text className="text-muted">
                        We'll never share your email with anyone else.
                    </Form.Text>
                </Form.Group>

                <Form.Group controlId="formBasicPassword">
                    <Form.Label>Password</Form.Label>
                    <Form.Control type="password" placeholder="Password" />
                </Form.Group>
                <Form.Group controlId="formBasicCheckbox">
                    <Form.Check type="checkbox" label="Check me out" />
                </Form.Group>
                <Button variant="primary" type="submit">
                    Submit
                </Button>
            </Form>
        );
    } 
}

---

什么会导致这种类型的错误？

尝试将引导导入更改为以下内容

import { Form, Button } from 'react-bootstrap';

---

尝试将引导导入更改为以下内容

import { Form, Button } from 'react-bootstrap';

---

是什么引起的？未正确导入（或导出）某些内容，如消息所示。例如，react bootstrap的文档不从lib导入，例如，文档显示“import Button from‘react bootstrap/Button’”，但我必须导入什么？只有两个引导组件，并且全部导入。我在我的路由器组件中称这个组件，但不认为这有什么关系，因为我的其他组件工作正常，您使用的是哪个版本的引导程序？第4版本的引导程序保存完全相同的问题，看起来很疯狂是什么原因？未正确导入（或导出）某些内容，如消息所示。例如，react bootstrap的文档不从lib导入，例如，文档显示“import Button from‘react bootstrap/Button’”，但我必须导入什么？只有两个引导组件，并且全部导入。我在我的路由器组件中称这个组件，但不认为这有什么关系，因为我的其他组件工作正常，您使用的是哪个版本的引导？第4版引导完全相同的问题，看起来很疯狂