我正在尝试使用react- router -dom进行路由,但是我的URL正在更新,但是页面没有路由到我指定的组件。这是我的App.js
import "./App.css";
import { BrowserRouter, Route, Switch } from "react-router-dom";
import Menu from "./layouts/Menu";
import Dashboard from "./layouts/Dashboard";
import Content from "./layouts
通常,我们使用react-router-dom库来导航到每个页面。其用法通常如下所示,与create-react-app创建的用法相同。
history.js文件
import * as history from 'history';
export default history.createBrowserHistory();
index.js文件
import {Router} from 'react-router-dom';
import history from '../history';
<Router history={hi
目前我正在使用BrowserRouter,但实际上Git页面不能与BrowserRouter一起工作,所以我们需要使用HashRouter。我很难接受这一转变。
这就是它在本地使用BrowserRouter的工作方式。
import "./App.css";
import { BrowserRouter, Routes ,Route } from 'react-router-dom';
import Home from './components/Home';
import NavigationMenu from "./component
我现在正在学习反应的前端。但我被困住了,因为路线不起作用。
我用的是ReactJS version 18.0.0
我的App.js:
import logo from './logo.svg';
import './App.css';
import { Home } from './Home';
import { BrowserRouter, Route, Routes, NavLink } from 'react-router-dom';
function App() {
return (
<BrowserR
我在导航到结帐页面时遇到了麻烦。每当我点击应用程序中的篮子图标时,我可以看到URL正在改变,但是页面没有变化,我总是必须刷新页面才能进行导航,我也不知道为什么。
这是我的App.js代码:
import React from "react";
import './App.css';
import Header from './Header';
import Home from "./Home";
import { BrowserRouter as Router, Switch, Route}
from "react-rou
我和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
index.jsx import React from "react";
import ReactDOM from "react-dom";
import { Route, Router, Switch } from "react-router-dom";
import App from "./components/App.jsx";
import SearchResults from "./components/SearchResults.jsx";
import history from "./his