React
文章平均质量分 55
学习前端的渣渣
正在学习前端的渣渣
展开
-
vue与react的区别?
# 1、相同点 1. 都是使用了虚拟DOM; 2. 父子组件都是单向数据流; 3. 都采用了组件化开发;# 2、不同点 1. react是数据单向流,vue是双向数据流; 2. react编码用的是jsx,vue用的是template; 3. 状态集中管理,react用的mobx、redux,vue用的是vuex(vue2)、pinia(vue3); 4. 数据变化,react 手动 setState vue自动响应式处理 proxy object.DefineProperty原创 2022-09-16 13:41:55 · 180 阅读 · 0 评论 -
react事件与原生事件的区别
react的事件对象是合成的,不是原生的;原创 2022-09-05 22:02:51 · 652 阅读 · 0 评论 -
如何向组件内部动态传入带内容的结构(标签)?
【代码】如何向组件内部动态传入带内容的结构(标签)?原创 2022-08-20 22:30:03 · 167 阅读 · 0 评论 -
react中类组件的相关问题及优化
使用PureComponent,PureComponent重写了shouldComponentUpdate(), 只有state或props数据有变化才返回true。只当前组件重新render(), 就会自动重新render子组件,纵使子组件没有用到父组件的任何数据 ==> 效率低。只要执行setState(),即使不改变状态数据, 组件也会重新render() ==> 效率低。比较新旧state或props数据, 如果有变化才返回true, 如果没有返回false;如果只是数据对象内部数据变了, 返回。原创 2022-08-20 16:43:06 · 287 阅读 · 0 评论 -
react中的hooks
react中的hooks。原创 2022-08-17 00:21:12 · 318 阅读 · 0 评论 -
react中lazy懒加载简单示例
懒加载原创 2022-08-16 21:13:24 · 292 阅读 · 0 评论 -
react类组件中setState更新状态的2种写法
react类组件中setState更新状态的2种写法。原创 2022-08-16 20:16:40 · 619 阅读 · 0 评论 -
react中的状态管理-redux
2. 它可以用在react, angular, vue等项目中, 但基本与react配合使用;3. 作用: 集中式管理react应用中多个组件共享的状态。监测redux的状态变化也可以在index.js入口文件中完成。在App.js文件中引入组件count/index.js。作用:创建包含指定reducer的store对象。作用:应用上基于redux的中间件(插件库)1. redux是一个专门用于做。作用:合并多个reducer函数。........................原创 2022-08-14 23:13:06 · 484 阅读 · 1 评论 -
跨域问题的解决方法
代码】跨域问题的解决方法。原创 2022-07-30 16:52:02 · 264 阅读 · 0 评论 -
react中组件之间的通信
react中组件之间的传值 总结原创 2022-08-05 16:28:52 · 340 阅读 · 0 评论 -
react实现todoList案例
react实现todoList案例原创 2022-08-05 16:25:34 · 261 阅读 · 0 评论 -
使用create-react-app创建react应用
使用create-react-app创建react应用原创 2022-07-29 23:32:15 · 2102 阅读 · 0 评论 -
react/vue中的key有什么作用?(key的内部原理是什么?)为什么遍历列表时,key最好不要用index?
如果不存在对数据的逆序添加、逆序删除等破坏顺序操作,仅用于渲染列表用于展示,使用index作为key是没有问题的。若对数据进行逆序添加、逆序删除等破坏顺序操作会产生没有必要的真实DOM更新==>界面效果没问题,但效率低。1.最好使用每条数据的唯一标识作为key,比如id、手机号、身份证号、学号等唯一值。如果结构中还包含输入类的DOM会产生错误DOM更新==>界面有问题。2.如果确定只是简单的展示数据,用index也是可以的。...............原创 2022-07-29 23:10:02 · 94 阅读 · 0 评论 -
react组件的生命周期
组件从创建到死亡它会经历一些特定的阶段。React组件中包含一系列勾子函数(生命周期回调函数),会在特定的时刻调用。我们在定义组件时,会在特定的生命周期回调函数中,做特定的工作。原创 2022-07-29 22:34:09 · 419 阅读 · 4 评论 -
react中受控组件与非受控组件
受控组件通过`event.target`获取对应的DOM节点,`event.target.value`获取节点的值。 通过这种方式实现,类似于vue的双向数据绑定,input 的值 改变了,对应属性也改变;属性值 改变了, input的值也改变。`建议使用受控组件,`因为非受控组件有对ref的使用,最好不要过渡使用ref............原创 2022-07-29 10:09:08 · 304 阅读 · 0 评论 -
react中的事件处理
为了更好的兼容性为了高效不要过渡使用ref。原创 2022-07-28 23:52:55 · 147 阅读 · 0 评论 -
react中组件实例的三大核心属性(state、props、refs)
react中组件实例的三大核心属性(state、props、refs)原创 2022-07-28 23:42:09 · 636 阅读 · 0 评论 -
react通过脚手架简单实现留言板功能
react通过脚手架简单实现留言板功能原创 2022-07-28 18:31:26 · 438 阅读 · 0 评论 -
在react中使用map遍历,出现错误:Uncaught TypeError: Cannot read properties of undefined (reading ‘map‘)
在react中使用map遍历的时候,出现一下错误。打印父组件传过来的值,发现会出现undefined。在遍历前进行一个判断。原创 2022-07-28 11:11:24 · 836 阅读 · 0 评论 -
模块与组件、模块化与组件化的理解以及react组件的创建
当应用的js都以模块来编写的,这个应用就是一个模块化的应用。当应用是以多组件的方式实现,这个应用就是一个组件化的应用。原创 2022-07-27 13:48:34 · 234 阅读 · 0 评论 -
JSX( JavaScript XML)简介及语法规则
全称。原创 2022-07-27 00:22:44 · 1829 阅读 · 0 评论 -
react初学知识记录
使用React.createElement(标签名,标签属性,标签内容)创建虚拟DOM。jsx创建虚拟DOM更简单。原创 2022-07-26 23:28:37 · 358 阅读 · 0 评论