首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React笔记
何明暄
创建于2022-01-10
订阅专栏
React学习时的笔记
暂无订阅
共13篇文章
创建于2022-01-10
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React笔记 (一)React基本概念以及脚手架和TodoList的编写
React 作为一个前端框架有几个核心技术: 响应式、UI 虚拟、DOM 组件等等,一下是个人学习笔记。
React笔记 (二)组件拆分传值父子组件之间的传值
子组件想要调用父组件的方法,父组件需先将事件传入父组件,并且把this也传过去确保子组件可以调用。子组件想要调用父组件的方法,父组件需先将事件传入父组件,并且把this也传过去确保子组件可以调用。
React笔记 (三)setState的最优用法和React特性
React为单向数据流,只允许父组件给子组件传值,不允许修改父组件的值。
React笔记 (四)Props限制PropTypes和defaultProps的使用
在子组件接受父组件传递的值的时候,React支持子组件对来的数据做限制以及添加默认值。
React笔记 (五)虚拟DOM执行原理和diff算法与key值
当state或props发生改变的时候,render函数就会重新执行,所以每当数据更新的时候,页面都会同步变化。 React限制setState的频率。 diff算法是虚拟dom向比对用到的算法,React虚拟dom比对规则为同级向比较,先比较第一层,如果不一样,则停止比较直接…
React笔记 (六)react代码优化与ref的使用
这里直接使用this.ul就可以了,但是不推荐使用ref去更改DOM,会出现很多问提,用数据去操作视图。
React笔记 (七)React生命周期的概念和使用
在组件挂载到DOM前调用,且只会被调用一次,在这边调用this.setState不会引起组件重新渲染,也可以把写在这边的内容提前到constructor()中,所以项目中很少用。 在组件被更新之前执行,组件即将要更新,但是还没有更新,前提是shouldComponentUpda…
React笔记 (八)axios以及动画react-transition-group的使用
React用于给元素加动画,其原理就是动态的给元素加上Class,从而加上动画。 应用'enter'或'appear'类后立即触发回调。 一个回调“输入激活状态”或“显示激活状态”类应用后,立即解雇。 删除 'enter'或'appear'类后立即触发的回调,并将该类添加到DO…
React笔记 (九)Redux的工作原理,使用总结及最佳写法
React-Redux是Redux的官方React绑定库。它能够使你的React组件从Redux store中读取数据,并且向store分发actions以更新数据 首先是Store,它是数据存取的中间点,想要存或者取数据必须经过他,可以把他想象成一个图书馆前台,而Reduce…
React笔记 (十)React中间件Redux-thunk和Redux-saga
Redux-thunk就是把store里的dispatch方法升级,在引入Redux-thunk之前dispatch方法只能接受对象,使用之后可以接受一个函数。dispatch会自动判断传入得是对象还是函数,如果是函数,会自动执行。 在actionCrrators可以定义一个函…
React笔记 (十一)React UI组件,逻辑组件和无状态组件
。
React笔记 (十二)React-Redux的使用
React-Redux是React发布的组件,作用是方便组件去存取store里的数据。 这个库是可以选用的。实际项目中,你应该权衡一下,是直接使用 Redux,还是使用 React-Redux。后者虽然提供了便利,但是需要掌握额外的 API,并且要遵守它的组件拆分规范。 Rea…
React笔记 (十三)css工具以及项目优化
React推荐使用styled-components可以使元素的样式只对当前元素生效。