反应器下一页页首

2022-05-07 javascript

以下示例是关于Javascript中包含反应器下一页页首用法的示例代码，想了解反应器下一页页首的具体用法？反应器下一页页首怎么用？反应器下一页页首使用的例子？那么可以参考以下相关源代码片段来学习它的具体使用方法。

[英]：react router next page top源码类型：Javascript

import {Routes, Route, BrowserRouter as Router, useLocation} from 'react-router-dom';
import {useLayoutEffect} from 'react';

// funtion to set top to the next route page
const Wrapper = ({children}) => {
  const location = useLocation();
  useLayoutEffect(() => {
    document.documentElement.scrollTo(0, 0);
  }, [location.pathname]);
  return children
} 

//wrap the routes with wrapper component
<BrowserRouter>
  <Wrapper>
    <Navbar />
      <Routes>
        <Route exact path="/" element={<Home/>} />
        <Route path="/Products" element={<Products/>} />
        <Route path="/Login" element={<Login/>} />
        <Route path="/Aggressive" element={<Aggressive/>} />
        <Route path="/Attendance" element={<Attendance/>} />
        <Route path="/Choking" element={<Choking/>} />
        <Route path="/EmptyCounter" element={<EmptyCounter/>} />
        <Route path="/FaceMask" element={<FaceMask/>} />
        <Route path="/Fainting" element={<Fainting/>} />
        <Route path="/Smoking" element={<Smoking/>} />
        <Route path="/SocialDistancing" element={<SocialDistancing/>} />
        <Route path="/Weapon" element={<Weapon/>} />
      </Routes>
    <Footer />
  </Wrapper>
</BrowserRouter>

本文地址：https://www.itbaoku.cn/snippets/785283.html

上一篇：改变节点版本 nvm mac

下一篇：如何对一个数组进行随机排序javascript

相关教程

Framework7 教程

Framework7初学者教程 - 从简单和简单的步骤学习Framework7，从基本到高级概念，包...

Pay Per Click教程

PPC（按点击付费）初学者教程 - 从基本到高级概念的简单简单步骤学习PPC（按点击付费），其中包括...

Microsoft Expression Web 教程

Microsoft Expression Web Tutorial for Beginners -...

电邮营销教程

电子邮件营销概述 - 从概述，邮件列表，组织邮件列表，HTML和文本电子邮件，简报，公告，活动邀请，...

转换率优化教程

转换率优化定义 - 从定义，基础知识，了解客户，目标设置，误区，优化计划，用户体验和漏斗优化，目标网...

VueJS教程

VueJS初学者教程 - 从基本到高级概念的简单简单步骤学习VueJS，其中包括概述，环境设置，简介...

最新源代码片段分享

HTML文件路径

WP Ajax PHP调试

node跨域

当地人

FME- QLIK形状用于映射

日期表

显示邮政类别(PHP)

显示自定义字段表(PHP)

显示邮政(PHP)

显示发布日期(PHP)

SVG上的线路动画

求一个排列的序号

模量板

检测到外面或内部单击

扩展 - VSCODE的插件

刮擦PV的最简单方法(panda...

滑动窗口

robin karp 算法

Z 算法

消消乐

CSS:复选框设计更改

VSCODE区域

WP:未输出不必要的p标签和接触...

Laravel命令有用

下一个排列

炸玉米饼

求字符串最长包含不重复字符的子串...

KMP 算法

用DIV标签创建

2023年3月24日

热门代码标签

abap abc actionscript ada apache_conf applescript asciidoc asl assembly assembly_x86 autohotkey basic batchfile c c_cpp cirru clojure coffee coldfusion cpp csharp css d dart delphi diff dockerfile dot ejs elixir elm erlang excel forth fortran gdscript gitignore glsl go golang graphqlschema groovy haml handlebars haskell haxe html html_ruby ini io jade java javascript json jsoniq jsp jsx julia kotlin latex

反应器下一页页首

相关源代码片段分享

相关文章

相关教程

反应器 下一页 页首

相关源代码片段分享

相关文章

相关教程

反应器下一页页首