Reactjs 链接'；react路由器dom'；不作为链接

我的Footer.js中有一个

链接

，由于某些原因，它在浏览器中不能作为链接使用。比如不在链接上显示指针等。我的

Nav

组件中有多个链接。它们都工作得很好，但是如果我在任何其他组件中放置

链接

，它就不工作了。我曾尝试使用

BrowserRouter

而不是

HashRouter

和

NavLink

而不是

Link，

但问题仍然存在。不过，这似乎是一个鲁莽的错误

现在，我把它作为一个静态网站。这就是为什么我没有将我的组件包装在

交换机

和

路由中。

Footer.js

import { Link } from 'react-router-dom'

const Footer = () => {
    return (
        <div>
             <h1>Create group!</h1>
             <Link to="/" className="rounded">Get Started</Link>
        </div>
    )
}
export default Footer

从'react router dom'导入{Link}
常量页脚=（）=>{
返回(
创建组！
开始
)
}
导出默认页脚

App.js：

import Footer from './Footer'
import { HashRouter } from 'react-router-dom'

const App = () => {
  return (
   
    <HashRouter basename="/">
        <Nav />
        <Home />
        <About />
        <HowItWorks />
        <GroupCarousel />
        <EventCarousel />
        <Footer />
    </HashRouter>
  );
}

export default App;

从“/Footer”导入页脚
从“react router dom”导入{HashRouter}
常量应用=（）=>{
返回(
);
}
导出默认应用程序；

index.js：

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(
  <React.StrictMode>
        <App />
  </React.StrictMode>,
  document.getElementById('root')
);

从“React”导入React；
从“react dom”导入react dom；
从“./App”导入应用程序；
ReactDOM.render(
,
document.getElementById（'root'））
);

---

任何帮助都将不胜感激。

您必须在

HashRouter

中使用

开关和
路由
标签定义路由，这些标签将在应用程序中使用。否则你的路线就不行了。尝试以下代码，它将按预期工作

Footer.js

import { Link } from 'react-router-dom'

const Footer = () => {
    return (
        <div>
             <h1>Create group!</h1>
             <Link to="/" className="rounded">Get Started</Link>
        </div>
    )
}
export default Footer

import Footer from './Footer'
import { HashRouter } from 'react-router-dom'

const App = () => {
  return (
   
    <HashRouter basename="/">
        <Switch>
            <Route path="/" exact component={Home} />
        </Switch>
    </HashRouter>
  );
}

export default App;

Home.js

import React from 'react'
...

const Home = () => {
    return (
        <>
            <Nav />
            <Home />
            <About />
            <HowItWorks />
            <GroupCarousel />
            <EventCarousel />
            <Footer />
        </>
    ):
}

export default Home;

从“React”导入React
...
常量Home=（）=>{
返回(
):
}
导出默认主页；
它工作正常吗？比如，当你点击它时，它会进入另一个页面吗？@iagowp我没有定义任何路径，所以它不会进入任何地方，但它不会转换为
链接，就像没有在光标上显示指针一样。你检查过html吗？也许这只是一个cssproblem@iagowp是的，我已经检查了那边的HTML。它正在渲染
。我也尝试过应用CSS样式，但问题仍然存在。我在
Nav
组件中有
链接
，所有链接都工作正常。除此之外，组件中的任何地方都不起作用。您的问题看起来很像css问题，而不是react路由器问题。检查应用于两个组件的样式mna，我也尝试了您的解决方案，但仍然无法使
链接
起作用。