我试图使用react和router来创建一个旋转木马,但是它显示的是空屏幕,下面是我使用的代码: APP.JS:
import { Route, Routes } from "react-router-dom";
import Navigation from "./routes/navigation/navigation.component";
import Home from "./components/home/home.component";
function App() {
const About = () => {
只在我将PWA添加到主屏幕并从那里运行应用程序时才会发生这种情况。当我在移动或桌面浏览器上运行应用程序时,没有看到这种行为。
我正在开发一个使用构建的React应用程序。在运行npm run build并使用任何本地http-服务器为其服务之后,它工作得很好。一旦我将其部署到Firebase或now,并在火狐或Chrome移动浏览器上打开站点,它似乎也能正常工作。然而,当我点击弹出的“添加到主屏幕”按钮时,它会被添加,但是从主屏幕图标打开它会呈现404路由。
如果没有与<Switch/>匹配的路径,我使用react路由器的组件路由到自定义的404页面。下面是我如何定义路由器“配置”
我和react-router v6一起工作。我想要创建一个基于id的新路径。在我的主页"example.com"上,我有一些文章。我想为每一篇文章"example.com/{id}"创建一个详细的视图。我的方法是这样的:
App.tsx
import {
BrowserRouter,
Routes,
Route,
} from "react-router-dom";
import ProjectWrapper from "./components/ProjectWrapper";
import Home from