frontend - react-bootstrap form.check 元素

Question

我的问题似乎很简单，但我在使用Form.Check. 我尝试使用示例代码与我的代码。它完全一样，但我有一个错误。我还检查了我的导入代码，但它与示例代码相同。

示例代码

import React from "react";
import ReactDOM from "react-dom";
import { Row, InputGroup, FormControl, FormGroup, Form } from "react-bootstrap";

function App() {
  return (
    <div className="App">
      <Row>
        <FormGroup>
          <InputGroup className="mb-3">
            <InputGroup.Text>First and last name</InputGroup.Text>
            <FormControl aria-label="First name" />
            <FormControl aria-label="Last name" />
            <Form.Check label="SAMPLE"/>
          </InputGroup>
        </FormGroup>
      </Row>
    </div>
  );
}

export default App;

我的代码

import { Row, Col, FormGroup, FormControl, ControlLabel, InputGroup, Form } from 'react-bootstrap';

<FormGroup>
   <ControlLabel>CHECKBOX</ControlLabel>
   <Form.Check label="checkbox"/>
</FormGroup>

这是遇到的错误：

警告：React.createElement：类型无效——需要一个字符串（对于内置组件）或一个类/函数（对于复合组件），但得到：未定义。您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。

标签： frontendreact-bootstrap