Reactjs-can'；无法获得正确格式的下拉菜单

我正在尝试在我的react项目上创建一个下拉菜单，但是我在按照我想要的方式格式化它时遇到了一些问题。这就是我试图模仿的项目：

这是我目前的项目：

代码：

从“React”导入React；
进口{
下拉列表，
下拉开关，
下拉菜单，
下拉项
}从“反应带”；
导出默认类示例扩展了React.Component{
建造师（道具）{
超级（道具）；
this.toggle=this.toggle.bind（this）；
this.onMouseEnter=this.onMouseEnter.bind（this）；
this.onMouseLeave=this.onMouseLeave.bind（this）；
此.state={
dropdownOpen:错误
};
}
切换（）{
this.setState（prevState=>({
dropdownOpen:！prevState.dropdownOpen
}));
}
onMouseEnter（）{
this.setState（{dropdownOpen:true}）；
}
请假{
this.setState（{dropdownOpen:false}）；
}
render（）{
返回(
下拉列表
标题
行动
另一个动作
另一个动作
);
}
}  

---

不知道我做错了什么，但欢迎所有帮助

这是因为reactstrap依赖于引导css。你还没有包括css。您必须安装

bootstrap

，然后添加此导入

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

以下是格式正确的示例-

---

您必须安装

引导程序
（
npm安装引导程序
），然后将样式添加到index.js
导入'bootstrap/dist/css/bootstrap.min.css'


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