這是我想在瀏覽器上顯示 Home.js 的 App.js 和 Home.js 代碼。
應用程式.js
import "./App.css";
import { Route, BrowserRouter } from "react-router-dom";
import Home from "./pages/Home";
function App() {
return (
<div className="App">
<BrowserRouter>
<Route path="/" exact component={Home} />
</BrowserRouter>
</div>
);
}
export default App;
主頁.js
import React from "react";
function Home() {
return (
<div>
<h1>Home</h1>
</div>
);
}
export default Home;
索引檔案如下 index.js
import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById("root")
);
reportWebVitals();
所以我想在瀏覽器上顯示它，但我無法
uj5u.com熱心網友回復：
試試這個方法
<BrowserRouter>
<Routes>
<Route path="/" element={<Home />}></Route>
</Routes>
</BrowserRouter>
uj5u.com熱心網友回復：
Home組件不應該是孩子而不是道具嗎？我是說：
<Route>
<Home/>
</Route>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/391837.html
標籤：javascript 节点.js 反应 新产品经理 npx