我在导航到结帐页面时遇到了麻烦。每当我点击应用程序中的篮子图标时,我可以看到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组件,并希望通过访问某些URL呈现某些内容,因此问题是,当我单击链接时,它会更改该URL,但不呈现该组件,因此我必须刷新该页面,以便它呈现(正如我所说的URL更改)--我访问URL http://localhost/3000/product/32423432wew23将URL更改到这个URL,并刷新它呈现该id的产品的页面,但是通过刷新页面。
App.js
import "./App.css";
import { Provider } from "react-redux";
import store from './store
我正在学习如何从useMatch()中使用"react-router-dom",我得到了下面的错误,我的网页是空的:
Uncaught TypeError: Cannot read properties of undefined (reading 'path')
at matchPath (index.tsx:1148)
at index.tsx:481
at mountMemo (react-dom.development.js:15846)
at Object.useMemo (react-dom.development.js
我在react with routing中更改视图时遇到问题。我只想显示一个用户列表,单击每个用户应该导航到一个详细信息页面。这是路由器:
import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter } from 'react-router-dom';
import Users from "./components/Users";
import { Router, Route } from "react-router
当我尝试使用react routing渲染下一页时,它是在前一页上渲染的,渲染后我想要一个单独的页面作为HTML中的标签,请帮助,下面是我的代码片段。 import React, { Component } from 'react';
import './App.css';
import NextPage from './Components/NextPage';
import NextPages from './Components/NextPages';
import { BrowserRouter as Router, S
我正在尝试开发一个多页面的React,我试着使用Reactive路由器,但是当我点击Save并重新加载该页面时,我得到了一个空白页面。这就是我所拥有的:家庭组件:
import React from "react";
import Navbar from './components/Navbar';
import Hero from './components/Hero';
import AboutUs from './components/AboutUs';
import Footer from './component
我试着更多地解耦组件,但我遇到了这个奇怪的bug。我遮蔽了其他的通用输入框。所有组件都可以正确导入并正常工作。 发生的事情是,我登陆"/",然后我点击一个按钮导航到仪表板,这是一个空白页面( URL确实发生了变化)。然后我在浏览器中点击刷新,正确的组件就会显示出来。如果我返回到我的登录页面,也会发生这种情况;在我刷新之前,它是空白的。 在我的应用组件中 import history from './services/history';
import Routes from './routes';
function App() {
retu
我连接到一个API ( Movie DB),该API返回一个结果(电影)列表,当我单击该API的一个结果时,我需要查看详细信息页面。我已经设置了动态路由,但是当我点击细节页面时,我的URL变成了类似'‘的样子,其中2503是一个唯一的条目ID。当我使用相同的URL刷新时,我会被转到正确的页面-但我需要在单击详细信息页面的链接时执行此操作。
我在网上看到的所有问题都表明,你必须在你的路由中使用确切的关键字来解决这个问题,但是我在所有的路由上都使用了确切的关键字,除了动态的关键字,仍然遇到了DOM不重新呈现的问题。
我的App.js文件如下:
import React from '
NavLink没有重定向到指定的页面:"api/pages/abc“:
import { BrowserRouter as Link } from 'react-router-dom';
class MyPage extends React.Component{
render(){
return(
<Dropdown.Menu>
<Link to="api/pages/abc">
<Dropdown.It