React中使用Redux (二) - 通过react-redux库连接React和Redux

store中的状态可能是非常多的, 而connect函数的参数的作用是, 要将store中的哪些数据或者方法映射过去, 我们就可以根据自己的需求, 决定映射过去哪些数据, 而不是直接将整个store映射过去(: 参数二也是接收一个参数fn2, 要求fn2也是返回一个对象, 对象中的属性同样会映射到p

React Hooks概述及常用的Hooks介绍

React的组件创建方式,一种是类组件,一种是纯函数组件,并且React团队希望,组件不要变成复杂的容器,最好只是数据流的管道。开发者根据需要,组合管道即可。也就是说组件的最佳写法应该是函数,而不是类。函数组件和类组件的区别:(1)函数组件没有状态(state),类组件有(2)函数组件没有生命周期,

Redux中进行异步操作(网络请求)的方案

我们可以直接通过同步的操作来dispatch action,state就会被立即更新。但是真实开发中,redux中保存的很多数据可能来自服务器,我们需要进行异步的请求,再将数据保存到redux中。

React路由

多页面应用是指每切换一个页面就是一个真正的html页面。单页面应用是指整个应用只有一个完整的页面,点击页面中的链接不会刷新页面只会局部更新,并且数据都需要通过ajax请求获取,并在前端异步展示。单页面,多组件。路由匹配的是只是端口号后面的内容(/about、/history)。那么是如何实现一点击导

vue3响应式

vue3响应式相关api

React组件——类组件

React组件——类组件

前端实现可拖拽流程的js框架

前端实现流程图js框架

React 入门(超详细)

1. React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。2. React 是一个用于构建用户界面的JavaScript

前端接入单元测试(Node+React)

node项目可以利用egg自带的测试工具,针对controller, service, extend, helper等模块编写单元测试,特别是controller重要的路由需要做单元测试;控制台和其他React项目可以利用jest工具,针对方法、组件、模块去做单元测试,特别是组件,可以利用快照功能避

JavaScript高级 |如何玩转箭头函数?

教你快速玩转箭头函数

前端js实现根据文件url批量压缩下载成zip包

项目开发中,产品经理提了这样一个需求:将系统中的附件实现批量打包下载功能。本来系统中是有单个下载及批量下载功能,现在应业务方的需求,需要多加个批量打包下载。初步设想是:由后端编写接口实现。但后来经过思考:现在系统中已经有文件的url地址了,何必让后端写接口重复,前端处理就行。

React中useReducer的理解与使用

这里以简单的语言描述一下useReducer的使用。使用场景:当一个state需要维护多个数据且它们之间互相依赖。这样业务代码中只需要通过dispatch来更新state,繁杂的逻辑都在reducer函数中了。分别介绍一下各个参数、方法。

threejs创建3d交互地图

threejs基于react-hooks创建的三维地图,实现了基本的交互展示,可根据个人喜好增加各种交互和展示效果。

React 框架

React 框架学习

基于React的富文本编辑器——Braft Editor使用

antd是基于 Ant Design 设计规范实现的 高质量 React 组件库,倾向于只提供符合该规范且带有视觉展现的 UI 组件,也尽量不重复造轮子。如果要在React项目中使用富文本编辑器,官方推荐使用与。这篇文章主要介绍与Antd的结合使用。

react简单入门--常用hook中useMemo的使用(详细版)

前言:作用:首先useMemo它使用来做缓存用的,只有当一个依赖项改变的时候才会发生变化,否则拿缓存的值,就不用在每次渲染的时候再做计算场景:既然是用作缓存来用,那场景就可能有:比如说当你登陆之后,你的个人信息一般是不会变的,当你退出登陆,重新输入另外一个人的账号密码之后,这个时候个人信息可能就变了

React-路由 react-router-dom

React 路由 react-router-dom BrowserRouter Routes Route Link useNavigate useSearchParams useParams useRoutes 声明式导航 编程式导航 路由传参 默认路由 路由嵌套

【React】React入门--生命周期

React生命周期

React生命周期详解

整理了一套《前端大厂面试宝典》,包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法,一共201道面试题,并对每个问题作出了回答和解析

【React Router v6】这17个API,你真的都懂了吗?(建议收藏)

本文被专栏收录🕹坚持创作✏️,一起学习📖,码出未来👨🏻‍💻!

登录可以使用的更多功能哦! 登录
作者榜
...
资讯小助手

资讯同步

...
内容小助手

文章同步

...
Deephub

公众号:deephub-imba

...
奕凯

公众号:奕凯的技术栈