react
文章平均质量分 90
W蘭
这个作者很懒,什么都没留下…
展开
-
redux课程
课程说明目的:为React移动端项目做支撑:redux、redux-thunk、react-redux(useDispatch、useSelector )、redux-devtools-extension内容顺序(课程目标):redux单独使用react-redux 结合react项目进行使用中间件react-thunk的基本使用useDispatch, useSelector的基本使用redux模块管理redux-devtools-extensionRedux基本介绍基本介绍概原创 2022-02-11 21:19:48 · 286 阅读 · 0 评论 -
08-hooks进阶-useRef-useContext-React.memo高阶组件
Hooks其他APIuseRef hookimport { useRef } from 'react' <input className="new-todo" placeholder="What needs to be done?" autoFocus onKeyUp={onKeyUp} ref={inputRef} /> const App = () => { const [col原创 2022-02-09 17:07:33 · 880 阅读 · 0 评论 -
07-hooks基本使用-useState-useEffect-自定义hooks
React Hooks基础React Hooks 介绍React Hooks 基础React Hooks 介绍Hooks 是什么为什么要有 HooksHooks 是什么Hooks:钩子、钓钩、钩住Hooks 是 React v16.8 中的新增功能作用:为函数组件提供状态、生命周期等原本 class 组件中提供的 React 功能可以理解为通过 Hooks 为函数组件钩入 class 组件的特性注意:Hooks 只能在函数组件中使用,自此,函数组件成为 React 的新原创 2022-02-06 21:34:37 · 1795 阅读 · 0 评论 -
06-react-组件复用-render-props技术
mixins(已废弃)https://react.docschina.org/blog/2016/07/13/mixins-considered-harmful.htmlmixin引入了隐式依赖关系对于组件中的方法和数据的来源不明确,不容易维护Mixins 导致名称冲突Mixins 导致滚雪球般的复杂性render-props技术组件复用的说明思考:如果两个组件中的部分功能相似或相同,该如何处理?处理方式:复用相似的功能(联想函数封装)复用什么?1. state原创 2022-02-06 21:32:14 · 746 阅读 · 0 评论 -
05-react原理-setState-组件更新机制-组件性能优化
setState更新数据setState() 是异步更新数据的注意:使用该语法时,后面的 setState() 不要依赖于前面的 setState()1. 当你调用 setState 的时候,React.js 并不会马上修改 state (为什么)2. 而是把这个对象放到一个更新队列里面3. 稍后才会从队列当中把新的状态提取出来合并到 state 当中,然后再触发组件更新。可以多次调用 setState() ,只会触发一次重新渲染this.state = { count: 1 }原创 2022-01-20 21:31:05 · 750 阅读 · 0 评论 -
04-react组件生命周期
组件的生命周期概述意义:组件的生命周期有助于理解组件的运行方式、完成更复杂的组件功能、分析组件错误原因等组件的生命周期:组件从被创建到挂载到页面中运行,再到组件不用时卸载的过程钩子函数的作用:为开发人员在不同阶段操作组件提供了时机。只有 类组件 才有生命周期。生命周期的整体说明每个阶段的执行时机每个阶段钩子函数的执行顺序每个阶段钩子函数的作用http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/挂载阶段执行原创 2022-01-20 21:29:33 · 84 阅读 · 0 评论 -
03-组件通讯-props-组件通讯三种方式-组件通讯-context-props深入-类的静态属性static
目标组件通讯介绍以及为什么要有组件通讯组件的props组件通讯的三种方式 父传子 子传父 兄弟组件Context组件通讯props深入组件通讯组件是独立且封闭的单元,默认情况下,只能使用组件自己的数据。在组件化过程中,我们将一个完整的功能拆分成多个组件,以更好的完成整个应用的功能。而在这个过程中,多个组件之间不可避免的要共享某些数据。为了实现这些功能,就需要打破组件的独立封闭性,让其与外界沟通。这个过程就是组件通讯。props组件是封闭的,要接收外部数据应该通过props来实原创 2022-01-20 21:23:23 · 181 阅读 · 0 评论 -
02-react组件基础-函数组件-类组件(有状态和无状态组件)-事件处理(this指向)-setState修改状态-表单处理(受控组件和非受控组件)-案例
学习目标能够使用函数创建组件-函数组件能够掌握class语法 extends继承能够使用class创建组件-类组件能够给React元素绑定事件能够使用state与setState能够处理事件中this的指向问题能够使用受控组件方式处理表单组件基本介绍组件是React中最基本的内容,使用React就是在使用组件组件表示页面中的部分功能多个组件可以实现完整的页面功能组件特点:可复用,独立,可组合React创建组件的两种方式函数组件函数组件:使用JS的函数或者箭头函数创建原创 2022-01-18 20:47:39 · 977 阅读 · 0 评论 -
01-React 基础-JSX-条件渲染-列表渲染-样式处理
React 概述学习目标能够说出react是什么能够说出react的特点能够掌握react的基本用法能够使用react脚手架React 介绍react是一个用于构建用户界面的 JavaScript 库react官网(https://reactjs.org/)react中文网(https://zh-hans.reactjs.org/)React 是一个用于构建用户界面(UI,对咱们前端来说,简单理解为:HTML 页面)的 JavaScript 库如果从mvc的角度来看,原创 2022-01-18 20:41:02 · 888 阅读 · 0 评论