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

Question

我不知道如何在 React 路由器 v6 中使用 Navigate。 如果用户为真，我正在尝试重定向到loggedPath。 但我不知道将loggedPath参数传递给 <Navigate to = ${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 文本
• '{' 预期的。
• 预期的表达。
• 未终止的正则表达式文字。
• 预期声明或声明。

谢谢你的帮助

Answer 1

使用 `` 时必须将其包装在 {} 中