小编Ami*_*pta的帖子

我正在学习反应，并且对于样式我正在尝试使用引导程序。

我坚持使用下拉菜单。我探索了几乎所有的 stackoverflow 帖子，但无法解决。如果有人知道正确的解决方案，请帮助我。

我的组件类：

import React from "react";


function ExpenseFilter() {

    return (
        <div className="d-flex justify-content-around">

            <div className="text-light">
                <h4>filter expenses by year</h4>
            </div>

            <div className="dropdown">
                <button className="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    select year
                </button>

                <div className="dropdown-menu" aria-labelledby="dropdownMenuButton">
                    <a className="dropdown-item" href="/#">2019</a>
                    <a className="dropdown-item" href="/#">2020</a>
                    <a className="dropdown-item" href="/#">2021</a>
                </div>
            </div>
        </div>
    );
}

export default ExpenseFilter;

index.js 类：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import 'bootstrap/dist/css/bootstrap.css';
import "bootstrap/dist/css/bootstrap.min.css"; 
import "@popperjs/core"; …