React-router

react-router4学习

1.一般性使用官方react-router文档https://reacttraining.com/react-router/web/example/basic简单基本的用户在basic中已有比较好的介绍了
依然还是或者其他·2023-10-13 01:07

dva+react+ant.design

所以用自己能理解的解释下dva是什么东东基于redux、redux-saga和react-router的轻量级前端框架特性易学易用：仅有6个api，对redux用户尤其友好elm概念：通过reducers
丸子丸子丸子酱·2023-10-11 05:42

React + React-Redux + React-Router + Antd 搭建单页管理应用模板

redux-router、redux-router、axios、antd依赖2.修改后目录，及主要修改文件总结前言本文主要使用React全家桶一步步搭建单页管理应用，阅读本文需要React、React-Redux、React-Router
人狠话不多_絮·2023-10-10 09:12

2.2.1.react-router相关组件，API简介

0.前提：之前的演示，应该已经能大致地了解react-router地相关组件作用了。
「已注销」·2023-10-09 17:32

create-react-app 初始化 AntD 项目

基础插件安装，Less文件加载配置安装所需的插件：安装React-Router、Axios安装AntD暴露Webpack配置安装less-loader（AntD使用less开发）修改less-loadernpminstall-gyarn
alphabet_007·2023-10-09 17:57

从零手写react-router

蛮多同学可能会觉得react-router很复杂,说用都还没用明白,还从0实现一个react-router,其实router并不复杂哈,甚至说你看了这篇博客以后,你都会觉得router的核心原理也就那么回事至于
helloworld1024fd·2023-10-09 17:22

React-Router的嵌套路由

这个章节我们来讲解一下嵌套路由的具体实现1：AppRouter.js中先定义好我们要访问的一级路由//首页importIndexfrom'./page/Index.js';importVideofrom'./page/Video.js';importWorkfrom'./page/Work.js';functionAppRouter(){return(博客首页视频教程博客首页)}2：具体的二级导航
前端小东·2023-10-08 04:16

React-Router v6 新特性解读及迁移指南

前言18年初，ReactRouter的主要开发人员创建一个名为ReachRouter的轻量级替代方案。原来是相互抗衡的，却没想ReactRouter直接拿来合并（真香！）目前v6已是测试最后一版，估计新的特性不出意外就是下面这些了：image重命名为。的新特性变更。嵌套路由变得更简单。用useNavigate代替useHistory。新钩子useRoutes代替react-router-confi
小哪吒·2023-10-07 08:00

React-Router 4.x

所以自己研究了react-router在真实项目中的应用。一个简单的侧边栏+内容框。首先你要创建一个纯净的react项目，此处不多讲。
活在初音的未来·2023-10-07 01:24

React框架核心原理

react-router
能吧够·2023-10-06 02:01

react学习 第十一天 React-Router路由详解 router6

目录：1认识React-Router2Router的基本使用3Router的路由嵌套4Router的代码跳转5Router的参数传递6Router的配置方式一、认识React-Router二、Router
木公176·2023-10-04 07:34

Lesson 5 React.js 基本环境安装

使用React.js不管在开发阶段生产阶段都需要一堆工具和库辅助，编译阶段你需要借助Babel；需要Redux等第三方的状态管理工具来组织代码；如果你要写单页面应用那么你需要React-router。
炮炮兵吐泡泡·2023-10-04 07:03

React简介

其生态丰富，常用的就有react-router、react-redux等插件，还有与其匹配的UI组件库antd。而且其还有用于移动端开发的react-native库，因此，react值得我们学习。
前端御书房·2023-10-02 00:47

dva中数据层插件dva-core的使用

介绍dva首先是一个基于redux和redux-saga的数据流方案，然后为了简化开发体验，dva还额外内置了react-router和fetch，所以也可以理解为一个轻量级的应用框架。
时光不再枉少年·2023-10-01 17:41

React生态渐进系列-React-Router

首先,确实很久没有写过文章了,感觉很多东西需要重新梳理一遍,所以首先从React项目的基础生态圈,开始慢慢的梳理这些前端项目的知识点.这次便详细的梳理一下路由的知识点.单页应用(SPA)提到前端的路由就必须提到单页应用,目前单页应用已经慢慢深入到所有的项目中,除了以前老旧的项目,新的项目基本上都开始使用单页应用.什么是单页应用单页Web应用（singlepagewebapplication，SPA
weixin_34248849·2023-09-29 04:31

深入理解 react-router 路由系统

那react-router相对于
冰雪为融·2023-09-29 04:58

react知识点总结---react-router和hooks （六）

react-router前端路由的原理前端路由是如何做到URL和内容进行映射呢？
大大黄、·2023-09-29 04:58

React 全栈体系（十七）

第九章ReactRouter6一、概述ReactRouter以三个不同的包发布到npm上，它们分别为：react-router:路由的核心库，提供了很多的：组件、钩子。
柠檬小帽·2023-09-27 10:01

react-router的params/search/state传参方式(对比React-Router4/5/6)

一.react路由跳转和传参方式-React-Router4/51.params参数方式(1)标签路由链接跳转方式:Home组件的render配置prams携带参数方式//路由链接二级路由{item.title}(2)编程式导航方式：this.props.history.replace(`/home/message/detail/${id}/${title}`)//路由注册params接收参数方式
追逐梦想之路_随笔·2023-09-26 08:35

前端知识总结

在React中，常用的有两个包可以实现这个需求，那就是react-router和react-router-dom。本文主要针对react-rou
舔狗1号·2023-09-25 08:33

2021-04-02React 从15.3升级到16.x需要升级的依赖

"react-dom":"^16.14.0","react-redux":"^5.1.2","react-router":"^3.2.6","react-router-redux":"^4.0.8","
熊猫拳击手·2023-09-23 20:14

react-router (V6) js跳转写法

v6版本的`react-router-dom`改的让我（这个老vue用户）很难受。参照下面的写法吧。importReact,{Component}from'react'import{useNavigate}from"react-router-dom";exportdefaultfunctionLogin(){constnavigate=useNavigate()functionhandleClic
Liszter·2023-09-22 08:53

React的使用(一)

比如angular是一个大而全的框架，用了angular几乎就不需要用其他工具辅助配合，但是react不一样，他只负责ui渲染，想要做好一个项目，往往需要其他库和工具的配合，比如用redux来管理数据，react-router
FE_study·2023-09-22 00:17

2020-03-10

ReactRouter教程React项目的可用的路由库是React-Router,当然这也是官方支持的。
f5cd9aeb7c0e·2023-09-21 07:24

2020-03-11

ReactRouter教程React项目的可用的路由库是React-Router,当然这也是官方支持的。
奶罐_899d·2023-09-19 12:35

给 vite 创建的 React 项目配置 ESLint

配置案例三、配置.eslintignore四、配置prettier.config.js五、配置.prettierignore六、问题的处理1、路径中不识别@符2、ts不识别jsx、tsx类型的文件前言最新的react-router
weixin79893765432...·2023-09-19 11:04

react-route的路由

React-Router是一个基于React的强大路由库，它可以帮助我们在React应用中实现页面之间的跳转和路由管理。
小墨蛇·2023-09-19 09:35

react-router-dom主要部件

主要组成部分react-router-dom是集成了react-router插件，并对其进行了扩展。
林中白虎·2023-09-17 23:19

创建react脚手架项目——demo（react18 + react-router 6）

创建react脚手架项目——demo（react18+react-router6）1.安装create-react-app1.1执行安装命令1.2安装遇到的问题1.2.1问题1——npmERR!codeENOTFOUND2.创建项目2.1创建项目命令2.2查看项目结构2.2.1目录结构2.2.2注意点3.启动项目4.react-demo5.react-demo优化5.1安装路由5.2遇到的问题5.
@素素~·2023-09-15 05:25

react-router路由传参数

通配传参1、使用props.params传值//Link组件，路由跳转，类似于a标签list//子组件中获取参数this.props.match.params.id如果需要传对象的话，可先将对象转化为字符串（使用JSON.stringify(str)将对象转化为字符串，在子组件中再将字符串转化为对象）,参数太多时，URL变长2、使用query定义传值方式//在Link组件中定义参数constpar
读心的心·2023-09-15 02:01

如何搭建一个react项目？

create-react-appreact-routerant-designreact-redux一、使用create-react-app创建项目npxcreate-react-appmy-appcdmy-appnpmstart二、引入react-router
垃圾侠·2023-09-14 12:58

React 初探（十一）

我的项目地址与在之前的文章中已经说明了hash与history实现路由的方式，在React-Router中也有两种模式，即和使用HTML5historyAPI(pushState、replaceState
bowen_wu·2023-09-14 00:09

reactJS---react-router

1、react-router和React-router-dom的选择在初始使用react-router的时候，让我们很纠结，不知道react-router和react-router-dom之间的有何差别
嗯哼和啊哈的故事·2023-09-13 00:43

2020-03-12

ReactRouter教程React项目的可用的路由库是React-Router,当然这也是官方支持的。
今日有些困·2023-09-11 15:08

React监听滚动条事件——页面跳转后返回当前滚动条位置

实现一个需求，当页面跳转到另一个页面时，使用react-router跳转回原页面，滚动条需要停留在原有位置。
芒果加奶·2023-09-11 14:56

React+Typescript+react-router 6 创建路由操作

本文我们来看看路由的安装其实路由的操作没有什么变化但是还是给大家讲一下那么我们打开项目在项目终端输入npminstall--savereact-routerreact-router-dom安装一下react-router
-耿瑞-·2023-09-11 08:58

react-router的使用

react-router的使用下载依赖npmireact-router-dom--save-dev引入import{BrowserRouter}from'react-router-dom'HashRouter
Jason_SheYing·2023-09-05 21:46

2020-03-12

ReactRouter教程React项目的可用的路由库是React-Router,当然这也是官方支持的。
199a8bc17db7·2023-09-03 01:06

在 React Router 中使用 JWT

superZidan，这篇文章想跟大家聊聊在ReactRouter中使用JWT，如果大家遇到任何问题，欢迎联系我或者直接微信添加superZidan41在这篇文章中，我们将探讨JWT身份校验与React和React-router
·2023-09-02 23:21

从零搭建react16开发环境（四）——路由

安装Router命令行输入并执行：npminstallreact-routerreact-router-dom--savereact-router:路由的核心功能react-router-dom:依赖react-router
一卿先森·2023-09-02 05:49

2020-03-12

ReactRouter教程React项目的可用的路由库是React-Router,当然这也是官方支持的。
一个凡人_bfc1·2023-09-01 20:32

React Router教程

React项目的可用的路由库React-Router,当然这也是官方支持的。
落寒_49c6·2023-09-01 16:57

模仿react-router实现

history是react-router-dom里面的src/pages/MyRouterPage.jsimportReact,{Component}from"react";//import{BrowserRouter,Link,Route}from"react-router-dom";import{BrowserRouter,Link,Route}from"../my-react-router-
key君·2023-08-29 18:00

react简介

关于react我们要学习的有以下几个模块：1、react基础2、react-router（路由）3、pubsub（消息）4、redux（集中式状态管理）5、a
壹贰是只猫·2023-08-29 09:38

react

React初步一、React是什么：即：facebook公司开发出的基于用户界面的javaScript框架相关文档：React官网：https://reactjs.org/react-router:https
奇妙雨·2023-08-28 13:41

React框架Umi实战(1)简介与使用脚手架

开箱即用，内置react、react-router等?类next.js且功能完备的路由约定，同时支持配置的路由方式?完善的插件体系，覆盖从源码到构建产物的每个生命周期?高性能，通过插件支持PWA
mike晓·2023-08-26 11:54

2020-03-12

ReactRouter教程React项目的可用的路由库是React-Router,当然这也是官方支持的。
南罔_f94b·2023-08-26 05:52

React实战 - React路由鉴权

目录一、React-Router知识回顾二、路由鉴权应用分析三、路由鉴权配置四、权限控制一、React-Router知识回顾React-router相关的文章中我已经给大家演示了最基础的应用：}/>:渲染与该地址匹配的第一个子节点或者
路人i++·2023-08-25 11:19

react-router v6 路由守卫/路由拦截

实现思路：封装一个高阶组件，路由鉴权高阶组件，实现未登录拦截，并跳转到登录页面，判断是否有token，如果有，就返回相对应的路由，如果没有就重定向到登录login页面步骤：1.在router文件中封装AuthRouter.js文件2.在router.js中引入封装的这个高阶组件3.登录页面实现高阶组件的封装router/AuthRouter.js//路由守卫//判断token是否存在（如果存在跳转
Wnn905·2023-08-25 06:01

react-router v6路由拦截路由守卫路由鉴权

一个很常见的需求：有些路由，需要登录才能访问，不登陆的情况下访问它就跳转到登录页面。这里就用Context来实现路由鉴权。react-routerv6稳定版出来了，有许多改变，以前拦截路由的方式也用不成了。在世界之外遨游了好久终于找到了一篇文章，学废了！整理学习一下分享出来。index.js如下，路由写在了这里面：import{AuthProvider,RequireAuth}from'./Aut
阿舒带你学编程·2023-08-25 06:00
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他