![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 85
react
song854601134
这个作者很懒,什么都没留下…
展开
-
React Router 路由守卫
在上面的代码中,是一个高阶组件,它接收一个组件作为参数,并返回一个新的组件。在render方法中,如果用户已经登录,则渲染传入的组件;否则,重定向到登录页面。通过使用该高阶组件,我们可以在需要进行权限验证的路由上使用其中是一个布尔值,表示当前用户是否已经登录。2、使用 函数组件或 render 属性来实现路由守卫React Router 可以使用Route组件的render属性或函数式组件来实现路由守卫。使用render属性时,可以传入一个函数,根据需要来渲染不同的组件或页面。原创 2023-09-08 17:35:07 · 2237 阅读 · 2 评论 -
React解决样式冲突问题的方法
手动处理 (起不同的类名,但是项目一大就会导致类名很乱,不利于团队协作)CSS IN JS : 以js的方式来处理css(推荐)css不是一门编程语言,css没有所有的局部作用域全局作用域这样的区分。。。css只原创 2023-03-09 13:14:51 · 1313 阅读 · 0 评论 -
React 中五种常见的样式
内联样式 CSS样式表 CSS模块 styled-components JSS原创 2023-03-09 13:11:48 · 2997 阅读 · 2 评论 -
react 的使用总结
【代码】react 的使用总结。原创 2023-02-27 17:33:19 · 83 阅读 · 0 评论 -
react绑定this的5种方法总结
使用ES5方式创建组件绑定this的方法 render方法调用的时候使用.bind(this)进行绑定 render方法调用的时候使用箭头函数进行绑定 在构造函数中进行显式绑定this.xxx.bind(this) 在定义函数的时候使用箭头函数定义原创 2023-02-23 14:41:21 · 702 阅读 · 0 评论 -
redux与vuex异同以及使用
React与Vue是我们熟悉的两大前端主流框架,来自官方的解释,Vue是一套用于构建用户界面的渐进式框架,React是一个用于构建用户界面的JavaScript库,两个框架都使用各自的语法,专注于用户UI界面的构建.那我们会有疑问,这两个框架都专注于UI界面的构建,但是随着JavaScript单页应用开发日趋复杂,我们如何进行更多数据的管理呢?与Vuex.原创 2022-12-16 10:13:59 · 1421 阅读 · 0 评论 -
使用Redux处理异步
突然出现不能体现它的简化后的好处。要实现redux应用的完全体就少不了要创建redux的store等这些前期的配置工作。使用了react-redux的hooks呢,画风一转。这是使用了redux toolkit的好处。react-redux的connect方法也省去了。在一般的开发中需要处理很多的网络请求,缓存读写等情况。在使用的时候和前文提到的slice的套路基本一致。首先,也是最重要的一点。在新的实现中这些都在slice文件中,方便统一的管理。redux主要解决的问题是统一来源的状态管理。...原创 2022-08-10 15:16:16 · 2388 阅读 · 0 评论 -
react 的 connect 与 @connect
/ 改为这样(export 的不再是connect,而是class组件本身。connect 方法传入的第一个参数是 mapStateToProps 函数,该函数需要返回一个对象,用于建立 State 到 Props 的映射关系。将models中的state绑定到组件的props中。【connect 方法返回的也是一个 React 组件,通常称为容器组件。第一个函数会注入全部的models,你需要返回一个新的对象,挑选该组件所需要的models。简而言之,connect接收一个函数,返回一个函数。...原创 2022-08-10 15:01:44 · 3214 阅读 · 0 评论 -
Router 6/ 以及和Router5 的区别
React Router 以三个不同的包发布到 npm 上,它们分别为:react-router: 路由的核心库,提供了很多的:组件、钩子。react-router-dom: 包含react-router所有内容,并添加一些专门用于 DOM 的组件,例如 等 。react-router-native: 包括react-router所有内容,并添加一些专门用于ReactNative的API,例如:等。与React Router 5.x 版本相比,改变了什么?内置组件的变化:移除 ,新增 等。语法的变化:原创 2022-06-20 11:42:37 · 704 阅读 · 1 评论