在 Navigate Tag React 路由器 v6 中将参数传递给字符串

Posted 2023-02-19

【中文标题】在 Navigate Tag React 路由器 v6 中将参数传递给字符串

【英文标题】：pass argument to string in Navigate Tag React router v6

【发布时间】：2022-01-20 22:51:26

【问题描述】：

我不知道如何在 React 路由器 v6 中使用 Navigate。 如果用户为真，我正在尝试重定向到loggedPath。 但我不知道将 loggedPath 参数传递给 $loggedPath />

的语法

import  Route, Navigate  from "react-router-dom";


export function IsUserRedirect( user, loggedPath, children, ...rest )
    return (
       <Route
        ...rest
        element = !user ? children : user && <Navigate to = `$loggedIath` /> 
         />
    )

这是错误信息

解析错误：JSX 值应该是表达式或带引号的 JSX 文本 “”应为。 预期表达。 未终止的正则表达式文字。 需要声明或声明。

感谢您的帮助

【参考方案1】：

使用 ``

时必须将其包装在 中