我有以下幾點:
import React from 'react';
import { View } from "react-native";
import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";
import Home from './components/Home';
function App() {
return (
<Router>
<View>
<Routes>
<Route path="/">
<Home/>
</Route>
</Routes>
</View>
</Router>
);
}
export default App;
每當我轉到localhost:3000/或 時localhost:3000/home,都會出現一個空白頁面,這意味著我的組件在這些頁面上沒有被呈現。我在https://v5.reactrouter.com/web/guides/quick-start(網路版本和本機版本)上遵循了這兩個示例,但是似乎兩者都不起作用,盡管我認為該檔案有點過時,因為Switch已更改為Routes.
我似乎無法理解我在這里做錯了什么
uj5u.com熱心網友回復:
您使用的是react-router-domv6,API 發生了一些變化。渲染上的路由組件Route組件的element道具如JSX。
<路線> 和 <路線>
function App() {
return (
<Router>
<View>
<Routes>
<Route path="/" element={<Home/>} />
</Routes>
</View>
</Router>
);
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/398854.html
標籤:javascript 反应原生 反应路由器
