1. setState更新状态的2种写法 对象式的setState:setState(setChange, [callback]) setChange为状态改变对象（该对象可以体现出状态的更改） callback是可选的回调函数，它的状态更新完毕，界面也更新后（render调用后才被调用） 函数式的setState:setState(updater, [callback]) update
笔记gitee地址 学习了 redux,为什么还要讲react-redux呢？ redux不是专门为react所创建的,只不过在某一刻，react和redux看对眼了，所以俩人走到了一起，所以为了更好的支持redux,react官方出了react-redux来更好的支持redux 1. react-redux工作流程 2. 案例 1. 求和案例react_redux基本使用 明确两个概念：
笔记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标签进行匹配 <Route path='/home' co
一、使用脚手架create-react-app创建项目 react脚手架 xxx脚手架：用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置（语法检查、jsx编译、devServe...） 下载好了所有相关的依赖 可以直接运行一个简单的效果 react提供了一个用于创建react项目的脚手架库：create-react-app 项目的整体技术架构为：react+webp
1. 生命周期 1. 声命周期的三个阶段（旧） 初始化阶段：由ReactDOM.render()触发---初次渲染 1. constructor() 2. componentWillMount() 3. render() 4. componentDidMount() ==> 常用 一般在这个钩子中做一些初始化的事情，例如：开启定时器，订阅消息，发起网络请求 更新阶段：由组件
1. 收集表单数据 包含表单的组件分类 受控组件——页面中所有输入类的DOM,随着输入，把值存维护在状态里，需要用的时候去状态里取值（推荐，避免了过渡使用ref） 非受控组件——页面中所有输入类的DOM，现用现取 受控组件示例： 非受控组件示例： 2. 高阶函数 高阶函数：如果一个函数符合下面2个规范中的任何一个，那该函数就是高阶函数 若A函数，接收的参数是一个函数，那么A就可以称之为
1. 组件 函数式组件（适用于【简单组件】的定义） 示例： 执行了ReactDOM.render(<MyComponent/>, ...)之后执行了什么？ React解析组件标签，找到了MyComponent组件 发现组件是使用函数定义的，随后调用该函数，将返回的虚拟DOM转为真实DOM，随后呈现在页面中 类组件（适用于【复杂组件】的定义） 示例： 执行了Reac
1. 初识虚拟DOM 描述 什么是虚拟DOM呢？本质是Object类型的对象（一般对象） 我们为什么要了解虚拟DOM呢?很简单，因为React要用 我们第三点会使用React分别使用js和jsx创建虚拟DOM，在此呢，我们先要了解两大js库： react.js：react的核心库 react-dom.js：用于支持react操作DOM 注意：加development表示开发模式的库
1. 组件传值 组件化编码流程： 拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突 实现动态组件：考虑好数据的存放位置，数据是一个组件在用，还是一些组件在用： 一个组件在用，放在组件自身即可 一些组件在用，放在他们共同的父组件上（状态提示） 实现交互：从绑定事件开始 props适用于： 父组件 ===> 子组件 通信 子组件 ===> 父组件 通信（要求父
1.全局安装create-react-appyarn global add create-react-app2.创建项目yarn create react-app my-demo
解决报错
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号
