0
我正在使用React路由器Dom V4,我的路徑到我的主頁工作,但我的路徑到我的關於頁面不起作用。反應路由器V4路徑問題
我不確定這是否與我使用Xampp的事實有關。
Index.js
import React from "react";
import { render } from "react-dom";
import { BrowserRouter as Router, Route } from "react-router-dom";
import App from "./components/App";
import About from "./components/About";
const Root =() => {
return (
<Router>
<div>
<Route path="/" component={App} />
<Route path="/about" component={About} />
</div>
</Router>
)
}
render(<Root />, document.getElementById('main'));
Header.js
import React from "react";
const Header =() => {
return (
<div>
<ul>
<li><a href="/about">About</a></li>
</ul>
</div>
)
}
export default Header;
About.js
import React from "react";
const About =() => {
return (
<p>This is the about page</p>
)
}
export default About;
你是什麼意思與「不工作」。你期望如此,而發生什麼呢?控制檯中是否有可能有助於發現問題的東西? – Meier