您可能只是错过了useParams（）钩子调用。 以下是如何将其实现到ProductList文件中： import React, { useEffect } from "react";import { useDispatch } from "react-redux";import { getProductBySlug } from "../../actions";import Layout from "../../Components/Layout/Layout";import { useParams } from 'react-router-dom'; // importing the hookconst ProductListPage = (props) => { const dispatch = useDispatch();let params = useParams(); // calling the hook useEffect(() => { console.log(props); dispatch(getProductBySlug(params.slug)); // you'll be able to use params object this way now (omitting the 'prop.match' prefix). }, [dispatc

使用这个request()->route('contractor_user_id'); $request->route('parameter_name')，其中parameter_name指的是我们称之为路由中的参数。 https://www.digitalocean.com/community/tutorials/get-laravel-route-parameters-in-middleware

在Profile中，您应该使用params来传递uname和unumber： import { useHistory,useParams } from "react-router-dom"; const Profile = () => { const {uname, unumber} = useParams() console.log(uname); console.log(unumber); return ( <div> </div> ); };

在里面htaccess文件您可以重定向到索引，而无需更改URL。 之后，你必须像他们在其他消息中所说的那样处理window.location.pathname。 .htaccess file RewriteEngine OnRewriteRule ^(.*)$ index.html

您可以按如下方式使用拆分方法： const url = 'http://localhost:3000/supplier/'const want_this = url.split('/')[3]

www.domain.de/paramter=value 是一种很奇怪的价值观。但是，只要用户输入这样的URL，就可以确保用户通过Apache服务器上的below.htaccess登录到正确的页面 RewriteEngine OnRewriteRule ^/?([^=]+)=(.+)$ /?$1=$2 [L,NC,R=302] Demo: https://htaccess.madewithlove.be?share=53dc007b-3781-4d1d-80c6-5f0234cdf11a 这样，您的PHP代码是完整的，不需要对后端代码进行任何更改。如果希望进行永久重定向，请生成R = 301。

使用路径末尾的one-or-more参数+将路径末尾匹配到thePathmatch参数中。 <Route path="/page/:thePath+" component={ThePageComponent} /> Demo 如果您想了解有关路径匹配的更多信息，RRDv5使用path-to-regex@v1.7.0将指定的路径字符串转换为用于路由匹配的正则表达式。

The URL parameters must be sent as additional elements in the `navigate()` function argument. this.router.navigate(['/heros', 23]); Update: 我刚看了你的Stackblitz，它似乎缺少了<router-outlet>标签。 app.component.html <hello name="{{ name }}"></hello><p>Start editing to see some magic happen :)</p><a (click)="routeToComponent()">Click to route</a><router-outlet></router-outlet> 有关<router-outlet>的更多信息，请参见此处。 我已经更新了你的Stackblitz。 至于最初提出的关于传递URL参数的解决方案，变量['/heros', 23]和['/heros/23']都有效。

此代码适用于： <?php declare(strict_types=1);namespace QRLinker\Subscriber;use Shopware\Storefront\Page\PageLoadedEvent;use Shopware\Storefront\Page\GenericPageLoadedEvent;use Symfony\Component\EventDispatcher\EventSubscriberInterface;class QRLinkerSubscriber implements EventSubscriberInterface{ public static function getSubscribedEvents(): array { return [ GenericPageLoadedEvent::class => 'onPageLoaded', ]; } public function onPageLoaded (PageLoadedEvent $event) { // GET https://dev.example.com/?qr=hubi dump($event->getRequest()->query->get('qr')); // $event->getRequest()->query

useParams是一个钩子&因此只能在函数组件内部或另一个钩子中使用。 您可以在componentDidMount中使用“/”拆分window.location.href以访问id。（推荐） 如果您使用React Router版本<=5，请使用var PassengerUpdateWithRouter = withRouter(PassengerUpdate)。这将使match对象（&params）在PassengerUpdate内可用作道具。 如果您正在使用React Router6，则withRouter已被删除。i、 将类组件转换为函数组件。现在useParams将起作用。（不建议用于大型部件）。二、。创建高阶函数组件 function PassengerUpdateWithParams(Comp) { return (props)=> { var params = useParams(); return <Comp {...props} params={params} />; }} <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script><script s

你可以这样做： // Get your url stringvar fullURL = window.location.href;// Build an URL from the stringvar URL = new URL(fullURL);// Extract the data you are looking forvar result = URL.searchParams.toString();

您可以尝试向api传递一个参数，这将帮助您从其他地方获得vesselId，包括useParams export const api = async (vesselId) => { try { const res = await axios.get( // here `http://127.0.0.1:8000/api/maintenance/${vesselId}` ); return res.data; } catch (error) { console.log(error); }}; 我们这样称呼它 const vesselId = useParams();api(vesselId);

Try using: const values = queryString.parse(window.location.search)

将match.params与Route'srender prop组合使用： <Switch> <Route exact path="/products/:id" render={({ match }) => ( <AuthChecker> <Products id={match.params.id} /> </AuthChecker> )} /></Switch>

location.search不起作用。您需要通过window.location.path更改它