小编Tan*_*Dev的帖子

我正在创建一个 Next.js 应用程序，其中一部分要求我在单击卡片组件时创建动态路线。但是，在使用 Next.js 包装我的卡片后<Link>，我无法导航到该页面，因为单击时没有任何反应。我尝试<a>在我的下面添加一个标签Link，它成功了。我来自反应路由器，觉得只需添加<Link>应该有助于导航。<a>有人可以解释一下链接组件中需要一个标签吗？

下面是我的代码：

import React from 'react';
import OptionsDropdown from './components/OptionsDropdown';
import Card from './components/card';
import Link from 'next/link';

const Browse = () => {
  let filterByMenuEl = ['All items', 'Single items', 'Bundles'];
  let sortByMenuEl = ['Price: Low to High', 'Price: High to Low', 'Most Favorited'];
  let card1 = {
    name: 'Collectible 1',
    description: 'This is a description',
    price: '0.11',
    img: 'https://lh3.googleusercontent.com/Fviz0PWzUMQ98uvUZV8e_3y2R3D0nwk9q3jCQONoA2jh83vN2phkxEmLD3zpE1iiPOWNqh38rCqOC4agChgi704d0VGjgqwXrjiZ1Q=w600',
    list_date: 'here'
  }
  let card2 …

我试图从“react-router-dom”导入 useHistory，但是，我收到此错误：导入错误：“useHistory”未从“react-router-dom”导出。

我还检查了其他答案，例如尝试导入错误：“useHistory”未从“react-router-dom”导出，但无济于事。我的 package.json 看起来像这样

我正在使用 useHistory 本身，

import React from 'react';
import { useState, useEffect } from 'react';
import { useHistory } from 'react-router-dom';

export default function Login(){
    const history = useHistory();
    console.log(history)
}

然而，这条线工作正常，不会导致从react-router-dom导入问题。

import {BrowserRouter as Router, Switch, Route} from 'react-router-dom'

有谁知道如何解决这个问题？非常感激。