随笔分类 - react / # react16学习路程
摘要：1. setState更新状态的2种写法 对象式的setState:setState(setChange, [callback]) setChange为状态改变对象（该对象可以体现出状态的更改）callback是可选的回调函数，它的状态更新完毕，界面也更新后（render调用后才被调用） 函数式的s
阅读全文
摘要：笔记gitee地址 学习了 redux,为什么还要讲react-redux呢？ redux不是专门为react所创建的,只不过在某一刻，react和redux看对眼了，所以俩人走到了一起，所以为了更好的支持redux,react官方出了react-redux来更好的支持redux 1. react-
阅读全文
摘要：笔记gitee地址 一、redux是什么 redux是一个专门用于做状态管理的js库（不是react插件库）它可以用在react、angular、vue的项目中，但基本与react配合使用作用：集中式管理react应用中多个组件共享的状态 二、什么情况下需要使用redux 某个组件的状态，需要让其他
阅读全文
摘要：路由 一、版本5路由 1. react-router-dom 2. 路由的使用 1. 基础使用 安装：yarn add react-router-dom@5明确好界面中的导航区、展示区导航区Link标签包裹 <Link to="/home">Home</Link>展示区写在Route标签进行匹配 <
阅读全文
摘要：一、使用脚手架create-react-app创建项目 react脚手架 xxx脚手架：用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置（语法检查、jsx编译、devServe…）下载好了所有相关的依赖可以直接运行一个简单的效果 react提供了一个用于创建react项目的脚手
阅读全文
摘要：1. 生命周期 1. 声命周期的三个阶段（旧） 初始化阶段：由ReactDOM.render()触发—初次渲染 1. constructor() 2. componentWillMount() 3. render() 4. componentDidMount() ==> 常用 一般在这个钩子中做一些
阅读全文
摘要：1. 收集表单数据 包含表单的组件分类 受控组件——页面中所有输入类的DOM,随着输入，把值存维护在状态里，需要用的时候去状态里取值（推荐，避免了过渡使用ref）非受控组件——页面中所有输入类的DOM，现用现取 受控组件示例： 非受控组件示例： 2. 高阶函数 高阶函数：如果一个函数符合下面2个规范
阅读全文
摘要：1. 组件 函数式组件（适用于【简单组件】的定义） 示例： 执行了ReactDOM.render(<MyComponent/>, ...)之后执行了什么？ React解析组件标签，找到了MyComponent组件发现组件是使用函数定义的，随后调用该函数，将返回的虚拟DOM转为真实DOM，随后呈现在页
阅读全文
摘要：1. 初识虚拟DOM 描述 什么是虚拟DOM呢？本质是Object类型的对象（一般对象）我们为什么要了解虚拟DOM呢?很简单，因为React要用 我们第三点会使用React分别使用js和jsx创建虚拟DOM，在此呢，我们先要了解两大js库： react.js：react的核心库react-dom.j
阅读全文
