Javascript 反应引导选项卡-未显示内容 选项卡不显示内容，并且选项卡上没有样式

选项卡没有显示内容，下面是代码。我怎样才能解决这个问题

我做错了什么

此代码与react引导页面上的代码几乎相似

//simple tabs.js
从“React”导入React，{Component}；
从“react bootstrap”导入{Tabs，Tab}；
从“/TabItem”导入TabItem；
从“./data”导入数据
类SimpleTabs扩展组件{
建造师（道具）{
超级（道具）；
此.state={
键：1 | props.activeKey
}
this.handleSelect=this.handleSelect.bind（this）；
}
handleSelect（键）{
console.log（“所选”+键）；
this.setState（{key}）
}
render（）{
返回(
表1内容
表2内容
表3内容
);
}
}
导出默认的SimpleTabs；
//App.js
从“React”导入React，{Component}；
导入“/App.css”；
导入'bootstrap/dist/css/bootstrap.min.css'；
从“./components/SimpleTabs”导入SimpleTabs；
导入'bootstrap/dist/js/bootstrap.bundle.min'；
导入“bootstrap/dist/css/bootstrap.css”
类应用程序扩展组件{
render（）{
返回(
);
}
}
导出默认应用程序问题是您的css没有加载引导组件。如果您将此添加到index.html的标题中，在那里为React应用程序提供服务，它应该看起来是正确的。我看到您正在尝试将min.css添加到应用程序中。不知道为什么这不起作用，但这会起作用

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">


不要导入
react引导程序
尝试导入
react选项卡
和
react tabs.css
。下面的链接解决了我的问题。
样式表似乎导入正确，但我遇到了与OP相同的问题，它还没有解决。