Reactjs React引导下拉组件不存在'；我不接受任何样式

我已经安装了Thread

Thread add react bootstrap bootstrap

我使用的是下拉组件，但当我显示它时，它不会像预期的那样显示：

这就是我需要的

这是我的密码

import React from "react";
import { Dropdown } from "react-bootstrap";
// import PropTypes from "prop-types";
import "../Dropdown/index.css";

const DropdownItem = () => {
  return (
    <Dropdown>
      <Dropdown.Toggle variant="success" id="dropdown-basic">
        Dropdown Button
      </Dropdown.Toggle>

      <Dropdown.Menu>
        <Dropdown.Item href="#/action-1">Action</Dropdown.Item>
        <Dropdown.Item href="#/action-2">Another action</Dropdown.Item>
        <Dropdown.Item href="#/action-3">Something else</Dropdown.Item>
      </Dropdown.Menu>
    </Dropdown>
  );
}

export default DropdownItem;

从“React”导入React；
从“react bootstrap”导入{Dropdown}；
//从“道具类型”导入道具类型；
导入“./Dropdown/index.css”；
常量下拉项=（）=>{
返回(
下拉按钮
行动
另一个动作
别的
);
}
导出默认下拉项；

---

我不知道为什么下拉列表没有设置样式。

这是因为您可能没有在index.html文件中导入CSS

您需要在projects public/index.html文件中添加类似的内容

 <link
  rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
  integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
  crossorigin="anonymous"
/>

---

您可以在react引导中查看更多信息

您是否将核心引导样式表导入了

index.js

？React Bootstrap取决于它们。在使用webpack时，您似乎忘记了添加加载程序来处理css文件？

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