我的Bootstrap版本是5.2.

没有bar.jsx

import React, { Component } from "react";
import { NavLink, Link } from "react-router-dom";
class Navbar extends Component {
  state = {};
  render() {
    return (
      <nav className="navbar navbar-dark mb-2 navbar-expand-lg bg-dark">
        <div className="container">
          <Link className="navbar-brand" to="#">
            Vidly
          </Link>
          <button
            className="navbar-toggler"
            type="button"
            data-toggle="collapse"
            data-target="#navbarNavAltMarkup"
            aria-controls="navbarNavAltMarkup"
            aria-expanded="false"
            aria-label="Toggle navigation"
          >
            <span className="navbar-toggler-icon" />
          </button>
          <div className="collapse navbar-collapse" id="navbarNav">
            <ul className="navbar-nav ms-auto">
              <li className="nav-item">
                <NavLink className="nav-link" aria-current="page" to="/movies">
                  Movies
                </NavLink>
              </li>
              <li className="nav-item">
                <NavLink className="nav-link" to="/rentals">
                  Rentals
                </NavLink>
              </li>
              <li className="nav-item">
                <NavLink className="nav-link" to="/customers">
                  Customers
                </NavLink>
              </li>
              <li className="nav-item">
                <NavLink className="nav-link" to="/login">
                  Login
                </NavLink>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    );
  }
}

export default Navbar;

上面是我在顶部导航栏上的代码-切换不起作用.

我try 了更多的东西,阅读了更多关于它的文档,但我无法找到解决方案-诚挚地需要您的帮助.

提前感谢&lt;3

推荐答案

我认为"自举"和"react 自举"是不同的.

您可以参考此链接 https://react-bootstrap.github.io

Reactjs相关问答推荐

有没有方法覆盖NextJS 14中的布局?

如何使用Reducer更新全局变量

React:关于useEffect钩子如何工作的困惑

react 本机屏幕转换

如何更新 FunctionComponentElement 的 props

在 React 中将 MUI 样式外包到单独的文件中?

useMemo 依赖项的行为

无法使axiosmockadapter正常工作

在按钮单击中将动态参数传递给 React Query

ReactJS:在导航栏中使用 Select inside Link 组件时如何避免重定向?

如何实现 redux 工具包来注册用户?

React v6 中的公共和私有路由

表单错误后 Ionic React 无法 Select 单选按钮

将 ref 赋予功能组件以使用内部功能

React + i18next + Trans + Prettier:Prettier 最终会在重新格式化 JSX 时 destruct 翻译

如何在 MUI 数据网格中的 renderCell 组件之间传递状态

为什么重新渲染不会影响 setTimeout 的计数?

服务器端分页未按预期工作

我可以在 Ag Grid 中创建运行总计计算列吗

Apollo GraphQL,获取类型错误时:未定义