![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 51
北京-小强-加油
这个作者很懒,什么都没留下…
展开
-
React 路由5版本的使用详解(基于Class类版本的使用react-router-dom@5)
1.route 有两个属性,一个是path 代表路径,一个是component代表组件。2.NavLink 中的activeClassName 设置选中状态的类名。######6. React-Router-Dom 编程式导航。1.NavLink和Link 都有 to 代表跳转的属性。1.属性from 从那个页面来,属性to重定向哪个页面去。1.push 跳转+携带params参数。2.push跳转+携带search参数。3.push跳转+携带state参数。2.search参数模式。原创 2024-05-26 10:48:50 · 281 阅读 · 0 评论 -
React-Redux结合@Reduxjs/Toolkit实现函数组件化(数据持久化,刷新页面数据不丢)
函数组件(Function Component)和类组件(Class Component)是React中的两种定义组件的方式。函数组件是以一个函数的方式定义组件,而类组件则是以ES6的类继承React.Component来定义组件。在新的React项目中,推荐使用函数组件,特别是对于简单的组件,因为它们更易于理解和维护。2.缺乏生命周期方法,需要使用hooks API(如useEffect)或者将函数组件转换为类组件。1.支持更多的React特性,如状态(state),生命周期方法,refs等。原创 2024-05-21 17:49:30 · 554 阅读 · 0 评论 -
React获取form表单值的N种方式
ref模式是在类组件或使用Hooks的函数组件中创建并使用ref的方式,可以用来访问和控制DOM节点或其他组件实例。非ref模式主要是指无状态组件,它们不支持ref。原创 2024-05-14 14:35:02 · 433 阅读 · 0 评论 -
React 中Redux结合React-Redux使用类组件版本(一)
React-redux是一个redux的官方绑定react库,也是有三要素store,reducer,action 但是获取store中的数据与事件方法不一样,首先使用Provider标签将组件包裹起来,使store与组件对接,并且向store分发actions以更新数据,在组件中通过connect函数将组件与react对接,其中有两个参数一个是mapStatetoprops负责接收store中的数据,另一个是mapDispatchtoProps负责接收传递过来的的actions。原创 2024-05-20 16:31:04 · 843 阅读 · 0 评论 -
React-Redux结合@Reduxjs/ToolKit使用类组件版本(二)
综上所述,@reduxjs/toolkit 是一个针对 Redux 的工具包,旨在简化和加速 Redux 应用的开发。而 react-redux 是一个专为 React 应用开发而设计的基于 Redux 的库,提供了一些特定于 React 的功能和组件。两者在功能和应用范围上有所不同,但可以一起使用,以便更高效地开发 React 应用并管理状态。原创 2024-05-21 15:19:21 · 652 阅读 · 0 评论 -
React配置文件(五) 配置less
React配置Less原创 2023-01-12 16:14:07 · 439 阅读 · 0 评论 -
React 配置文件(四)在config-overrides.js中配置代理
React在config-overrides.js中配置代理原创 2022-12-30 17:07:22 · 1172 阅读 · 0 评论 -
React 配置文件(二) 配置环境变量
REACT配置环境变量原创 2022-12-30 16:46:50 · 952 阅读 · 0 评论 -
React 配置文件(-)
React 基本配置原创 2022-12-30 16:29:33 · 379 阅读 · 0 评论