**react route****I wanted to make a route that's secure but it's not working.**
  <Routes>
    <Route path='/' element={<Home></Home>}></Route>
    <Route path='/home' element={<Home></Home>}></Route>
    <Route path='/register' element={<Register></Register>}></Route>
    <Route path='/login' element={<Login></Login>}></Route>

    <RequireAuth>
      <Route path='/manageproducts' element={<ManageProduct></ManageProduct>}></Route>
    </RequireAuth>
  </Routes>
</div>

Here i implemented require auth but it's not working

推荐答案

RequireAuth组件需要包装在Route中,如下所示:

<Route
    path="/manageproducts"
    element={
        <RequireAuth>
            <ManageProduct/>
        </RequireAuth>
    }
/>;

这将给Routes个子元素一个Route岁的子元素,并解决你得到的错误

Javascript相关问答推荐

Javascript,部分重排序数组

setcallback是什么时候放到macrotask队列上的?

如何在文本字段中输入变量?

单个HTML中的多个HTML文件

以编程方式聚焦的链接将被聚焦,但样式不适用

使用插件构建包含chart.js提供程序的Angular 库?

如果一个字符串前面有点、空格或无字符串,后面有空格、连字符或无字符串,则匹配正则表达式

为什么在函数中添加粒子的速率大于删除粒子的速率?

无法重定向到Next.js中的动态URL

如何根据查询结果重新排列日期

MongoDB中的嵌套搜索

在GraphQL解析器中修改上下文值

Reaction useState和useLoaderData的组合使用引发无限循环错误

使用API调用的VUE 3键盘输入同步问题

表单数据中未定义的数组键

如何在Highlihte.js代码区旁边添加行号?

如何设置时间选取器的起始值,仅当它获得焦点时?

如何在不将整个文件加载到内存的情况下,在Node.js中实现Unix粘贴命令?

如何在HTML中使用rxjs显示动态更新

从C#的Angular 来看,Java回调基础知识