react
文章平均质量分 93
ghost12138
这个作者很懒,什么都没留下…
展开
-
react学习-部分扩展
1. setStatesetState更新状态的2种写法说明setState是同步的,但是调用完setState后的后续动作为异步的方法1、对象式:setState(stateChange, [callback])------对象式的setState1.stateChange为状态改变对象(该对象可以体现出状态的更改)2.callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用 add = () => { const转载 2021-05-11 19:48:09 · 93 阅读 · 0 评论 -
react学习-redux部分
1、redux安装npm i reduxwhat某个组件的状态,需要让其他组件可以随时拿到(共享)一个组件需要改变另一个组件的状态(通信)总体原则:能不用就不用工作流程图核心概念1、action1、动作的对象2、包含2个属性type:标识属性, 值为字符串, 唯一, 必要属性data:数据属性, 值类型任意, 可选属性3、例子:{ type: ‘ADD_STUDENT’,data:{name: ‘tom’,age:18} }2、reducer1、用于初始化状原创 2021-05-11 19:47:32 · 100 阅读 · 0 评论 -
react学习-脚手架部分
0-1、生成唯一id 使用UUID/nanoid(推荐)-----------------npm i nanoid0-2解构赋值-新 //获取value const { keyWordElement: {value}} = this;0-3 js注释在vs code中折叠//#region ....//#endregion1、样式的模块化-解决css冲突css文件命名: index.module.css引入: import hello from ‘./index.module原创 2021-05-11 19:46:52 · 119 阅读 · 0 评论 -
react学习-基础部分
React教程学习1、hello-react <!-- 准备好一个容器 --> <div id="test"></div> <!-- 引入有顺序 --> <!-- 引入核心库 --> <script src="../js/react.development.js"></script> <!-- 引入dom库,用于操作dom --> <script src="../js//rea原创 2021-05-11 19:45:30 · 126 阅读 · 0 评论 -
react学习-基础
React教程学习1、hello-react <!-- 准备好一个容器 --> <div id="test"></div> <!-- 引入有顺序 --> <!-- 引入核心库 --> <script src="../js/react.development.js"></script> <!-- 引入dom库,用于操作dom --> <script src="../js//rea原创 2021-04-29 08:58:06 · 104 阅读 · 0 评论