The computer has come to shape our world and the universe. It is so important that we cannot do without this fantastic invention. You would have heard about networking before. Networking is all about connection, the concept of networking can be applied to every facet of human life. It refers to a computer as well.

React-Bootstrap tabs

Anil

I am using react-bootstrap to create 2 tabs which will display some data i pull from an api, but they seem to be displaying as buttons.

my tabs: documentation:

I am importing them correctly (i think) other react bootstrap components from here are working fine

import {
  FormGroup,
  FormLabel,
  FormControl,
  FormText,
  Button,
  Tooltip,
  OverlayTrigger,
  Tabs,
  Tab,
} from "react-bootstrap";

and this is how i use them

<Tabs defaultActiveKey={2}
                id="uncontrolled-tab-example"
                className="nav-item"
          >
            <Tab eventKey={1} title="Full">
              <br />
              <MaverickFullResult items={this.state.results} />
            </Tab>
            <Tab eventKey={2} title="Summary">
              <br />
              <MaverickSummaryResult items={this.state.results} />
            </Tab>
          </Tabs>