未捕获的类型错误：无法读取 react.js 中未定义的属性（读取“位置”）

Question

当我在 react.js 中制作导航栏时出现此错误解决

~ 有人请解决这个我的问题 ncaught TypeError: Cannot read properties of undefined (reading 'location') at currentTab (Menu.js:16:1) at Menu (Menu.js:27:1)

import React from "react";
import { Link } from "react-router-dom";

const currentTab = (history, path) => {
  if (history.location.pathname === path) {
    return { color: "#2ecc72" };
  } else {
    return { color: "#FFFFFF" };
  }
};

const Menu = ({ history }) => (
  <div>
    <ul className="nav nav-tabs bg-dark">
      <li className="nav-item">
        <Link style={currentTab(history, "/")} className="nav-link" to="/">
          Home
        </Link>
      </li>
      <li className="nav-item">
        <Link
          style={currentTab(history, "/cart")}
          className="nav-link"
          to="/cart"
        >
          Cart
        </Link>
      </li>

      <li className="nav-item">
        <Link
          style={currentTab(history, "/user/dashboard")}
          className="nav-link"
          to="/user/dashboard"
        >
          U. Dashboard
        </Link>
      </li>


      <li className="nav-item">
        <Link
          style={currentTab(history, "/admin/dashboard")}
          className="nav-link"
          to="/admin/dashboard"
        >
          A. Dashboard
        </Link>
      </li>


      <li className="nav-item">
        <Link
          style={currentTab(history, "/signup")}
          className="nav-link"
          to="/signup"
        >
          Signup
        </Link>
      </li>
      <li className="nav-item">
        <Link
          style={currentTab(history, "/signin")}
          className="nav-link"
          to="/signin"
        >
          Sign In
        </Link>
      </li>


      <li className="nav-item">
        <Link
          style={currentTab(history, "/signin")}
          className="nav-link"
          to="/signin"
        >Signout</Link>
      </li>

    </ul>
  </div>
);

export default Menu;

    

Answer 1

确保调用菜单时正确传递历史 object。 看起来 object 在某些情况下没有位置属性。