首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
React
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
React元素和组件(react元素和组件的区别)
React元素和组件(react元素和组件的区别),一、React元素React元素用来构建虚拟DOM(ReactDOM),与真实DOM有相同的树状结构,而真实DOM由DOMElement组成。1、创建React.createElement(type,//必传,要创建的HTML元素标签名的字符串('div','span')[props],//可传,元素的属性[...children]//可传,元素
289
代码人生
01-01 08:00
代码人生
ReactJS Keys
ReactJS Keys,keys当使用动态创建的组件或用户更改列表时,React很有用。设置key值将使更改后的组件保持唯一标识。使用Keys让我们动态创建具有唯一索引(i)的Content元素。map函数将从数据数组中创建三个元素。由于键值对于每个元素都必须是唯一的,因此我们将为每个创建的元素分配i作为键。App.jsximportReactfrom'react';classAppextend
287
后端
01-01 08:00
后端
React-hooks封装无缝滑动轮播图(js动画,css动画)
React-hooks封装无缝滑动轮播图(js动画,css动画),前言由于现在在基础架构组,写的项目也没有ui框架,基本上都是要自己去封装的。于是需要写一个轮播图组件,心想这不是分分钟的事情嘛。说写就写...第一版思路:用ulli的结构,再结合js定时器去实现轮播动画,说干就干...无缝滑动原理:红色的1,3都是克隆的过渡元素.index从34动画结束时,马上将指针滑动到1,这样就可以实现无缝轮播
285
后端
01-01 08:00
后端
React:像message.success()一样实现Message通用容器及Message组件
React:像message.success()一样实现Message通用容器及Message组件,我在开发不紧急的时候喜欢自己实现一些轮子;而这次要做的就是做一个非常常用的组件Message对于Message这样的组件,在各个页面都有可能使用到。但我们是不希望在各个页面都必须引入一个容器的,也不希望还必须做专门的组件挂载,这样的组件能用,但不是很能用。我希望造出一个如下一般只需要在js中进行简单
285
代码人生
01-01 08:00
代码人生
React入门第二章:用户管理功能实战入手(react入门实例教程)
React入门第二章:用户管理功能实战入手(react入门实例教程),Vue组件和React组件的区别Vue组件是创建.vue文件,通过vue-loader转换成js文件。React组件是创建.jsx文件,通过babel-loader转换成js文件。Vue组件通过template、script、style标签的形式区分模板、逻辑和样式React组件直接在内部写逻辑,最后导出jsx模板。Vue支持在
281
后端
01-01 08:00
后端
React学习 --- setState 和 React更新机制
React学习 --- setState 和 React更新机制,SetState小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。在React开发中我们并不能直接通过修改state的值来让界面发生更新因为我们修改了state之后,希望React根据最新的State来重新渲染界面,但是这种方式的修改React并不知道数据发生了变化React并没有实现类似于Vue2中的Object.defi
281
代码人生
01-01 08:00
代码人生
React - 自定义Hooks - useCompositions
React - 自定义Hooks - useCompositions,前言在工作中时常会遇到这样一个场景:页面上方有一个搜索框,根据搜索关键字去请求接口获取列表数据,将数据渲染至下方列表中做展示。这时我们会遇到一个问题:在输入框中输入中文时,会发现每输入一个中文拼音字符,都会触发一次Input输入框onChange事件,进而触发请求接口逻辑;这显然不是我们所期望的,我们希望可以在输入中文拼音并按下
274
代码人生
01-01 08:00
代码人生
React中Ant Design的使用方法(design的用法及搭配)
React中Ant Design的使用方法(design的用法及搭配),什么是AntDesign?AntDesign是蚂蚁金服体验技术部经过大量的项目实践和总结,沉淀出设计语言,这但并不是单纯的设计语言,设计原则、控件规范和视觉尺寸,它还配套有前端代码实现方案。也就是说采用AntDesign后,UI设计和前端界面研发可同步完成,效率大大提升。目前有多家公司例如:阿里、美团、滴滴、简书采用。AntD
273
代码人生
01-01 08:00
代码人生
React library快速入门——Mobx
React library快速入门——Mobx,Mobx介绍Mobx,和Redux一样,也是React状态管理比较流行的解决方案之一。Mobx的作者非常厌恶Redux的繁琐(可能很多人也是),于是设计了Mobx作为状态管理,并宣称它的性能远远超过Redux(在react-redux使用hooks改造前也确实是这样的)。Mobx早期参考了Vue,也使用了响应式编程。这意味着这个库并不是基于Conte
270
后端
01-01 08:00
后端
React-native 中加入redux的使用
React-native 中加入redux的使用,说在前面在RN开发中,可以加入redux也可以不使用,因为对于redux适合应用的场景是1,复杂的用户交互,数据处理2,频繁与服务器进行相互交互个人认为选择redux的时候要慎重,否者只会增加代码的沉余.流程原理其中重要的环节就是store,action,reducers.下面一一来介绍一下action:组件通过去发出请求:例如:你想喝水(acti
266
«
1
2
3
4
5
6
7
8
...
35
36
»