score:1

Accepted answer

you are very likely to forget importing bootstrap.css

here is a minimize working version of your code:

import react, { usestate } from "react";
import reactdom from "react-dom";
import { tabs, tab } from "react-bootstrap";

import "bootstrap/dist/css/bootstrap.min.css";

function coindata(props) {
  const [key, setkey] = usestate("chart");
  return (
    <div>
      <tabs
        classname="tabs"
        id="controlled-tab-example"
        activekey={key}
        onselect={(k) => setkey(k)}
      >
        <tab eventkey="chart" title="charts">
          <h1>1</h1>
        </tab>
        <tab eventkey="track" title="tracker">
        <h1>2</h1>
        </tab>
      </tabs>
    </div>
  );
}

const rootelement = document.getelementbyid("root");
reactdom.render(<coindata />, rootelement);

edit react-bootstrap tabs sample (forked)


Related Query

More Query from same tag