我正在构建一个使用React、React路由器和可怕的库的搜索UI。我试图弄清楚如何防止用户简单地导航到mydomain.com/search,,因为这是我的搜索结果路径。
理想情况下,如果用户试图导航到mydomain.com/search,我将使用RR重定向组件重定向到主页。
我使用"/search"作为RR中的路由组件(V5)来呈现搜索结果页面,但无法完全弄清楚如何使用/search?q=${value}之类的东西来呈现页面?
作为序言,我在呈现块中有这一点(我使用基于类的组件来搜索结果)
let value = JSON.stringify(queryString.pa
我使用的是react路由器v6,并且我试图使用自定义历史记录来在redux操作(组件之外)中导航。因此,我使用的是Router from 'react-router,而不是文档中提到的BrowserRouter from 'react-router-dom。
这是我的代码:
index.js
import myHistory from './utils/history';
import { Router } from 'react-router';
ReactDOM.render(
<Provider store={store}&
在较早的ReactiveR外层Dom版本中,如果用户登录,我可以使用此代码重定向:
history.push('/login?redirect=shipping')
现在,在v6中,我使用的是useNavigate函数而不是history.push,但是它不能工作,因为它将带我去/login/shipping而不是/shipping。目前,这是我的导航代码:
let navigateCart = useNavigate()
// some code here
navigateCart('/login?redirect=shipping') // the mis
我使用react-router库来导航,使用history.push()来导航onClick。当用户单击行时,他们将被导航到“其他页面”。在'otherPage‘中,我想使用变量'id’。我如何传递这个变量? function handleRowClick(id: number): void {
// navigates user to another page
history.push('/otherPage');
}
当使用下面的代码满足某些条件时,我试图获得导航到主页面的响应。
import './App.scss';
import React from 'react';
import { BrowserRouter, Routes, Route, Link, Navigate } from 'react-router-dom';
import World from './components/World';
import Shop from './components/Shop';
import About from