Javascript 从React引导导入按钮时遇到问题

我正在尝试从按钮组的react引导导入按钮，但遇到问题。我想把它做成一个带有标题和链接到另一个页面的按钮的jumbotron

    import Jumbotron from "react-bootstrap/Jumbotron";
    import ButtonGroup from "react-bootstrap/ButtonGroup";

    export default class Jumpotron extends React.Component {
      render() {
        return (
          <>
    <Jumbotron fluid>
    <h1 className="header">Welcome to Zach's page</h1>
    </Jumbotron>

    <ButtonGroup aria-label="Basic example">
      <Button variant="secondary">Left</Button>
      <Button variant="secondary">Middle</Button>
      <Button variant="secondary">Right</Button>
    </ButtonGroup>
    </>
        );
      }
    }

从“react bootstrap/Jumbotron”导入Jumbotron；
从“react bootstrap/ButtonGroup”导入ButtonGroup；
导出默认类Jumpotron扩展React.Component{
render（）{
返回(
欢迎来到扎克的网页
左边
中间的
赖特
);
}
}

包括从“React”导入React，并在按钮和按钮组周围放上括号

import React from "react";
import Jumbotron from "react-bootstrap/Jumbotron";
import { Button, ButtonGroup } from "react-bootstrap/ButtonGroup";

export default class Jumpotron extends React.Component {
  render() {
    return (
      <>
<Jumbotron fluid>
<h1 className="header">Welcome to Zach's page</h1>
</Jumbotron>

<ButtonGroup aria-label="Basic example">
  <Button variant="secondary">Left</Button>
  <Button variant="secondary">Middle</Button>
  <Button variant="secondary">Right</Button>
</ButtonGroup>
</>
    );
  }
}

从“React”导入React；
从“react bootstrap/Jumbotron”导入Jumbotron；
从“react bootstrap/ButtonGroup”导入{Button，ButtonGroup}；
导出默认类Jumpotron扩展React.Component{
render（）{
返回(
欢迎来到扎克的网页
左边
中间的
赖特
);
}
}

这基本上解决了我的问题，但它仍然无法导出我的组件。我忘了从“React”中包含import React；