你好,我是Tanbhir Hossain,我正在尝试将HTML模板转换为React JS。问题出现在React Router中。
当我点击任何页面时,页面只显示预加载,直到手动刷新页面。 当刷新页面时,它会正常显示。 现在我想解决这个问题。
这是我的RouterPage.js文件:
import React, { Component } from 'react';
import {BrowserRouter as Router, Routes, Route} from 'react-router-dom'
import Home from './Home';
import About from './About';
import Contact from './Contact';
class RouterPage extends Component {
render() {
return (
<div>
<Router>
<Routes>
<Route path='/' element={< Home />} />
<Route path='/about' element={< About />}/>
<Route path='/contact' element={< Contact />}/>
</Routes>
</Router>
</div>
);
}
}
export default RouterPage;
这是我的链接。
<Link to={'/about' } data-toggle="dropdown" className="dropdown-toggle nav__item-link">About Us</Link>
当我点击此链接时,预加载会无限制地加载。
![enter image description here](https://istack.dev59.com/UZDlN.webp)
![enter image description here](https://istack.dev59.com/pWeyX.webp)