摘要: 1.react中遍历列表需要指定唯一的key值,可以使用map方法进行数组的遍历操作 2.遍历列表的时候,注意标签能够拥有语义化的特点 3.组件函数,必须有return返回值,不然,组件是undifined 4.return 后面建议加上() 5.react中定义组件的两种形式 函数式组件(无状态组 阅读全文
posted @ 2020-04-21 22:34 风意不止 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 1.react由来 特点 官网 官方文档https://react.docschina.org/ 1)npm init y 2)npm i react S (yarn add react) 直接找node_modules/react/umd目录 react.development.js文件 3)np 阅读全文
posted @ 2020-04-21 22:17 风意不止 阅读(277) 评论(0) 推荐(0) 编辑
摘要: 原理 学习react的红利 1.小程序框架taro 2.app开发,react native 阅读全文
posted @ 2020-04-21 20:56 风意不止 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 概念和区别 1.操作数组的方法中,分为变异方法和非变异方法。 2.其中,变异方法意味着会改变原数组,而非变异方法则只会返回一个新数组。 函数总结 1.变异方法(7个) push() //数组尾部追加一个元素 pop() //数组尾部弹出一个元素 shift() //数组头部弹出一个元素 unshif 阅读全文
posted @ 2020-04-21 19:31 风意不止 阅读(679) 评论(0) 推荐(0) 编辑
摘要: 高阶组件的一个用处 高阶组件(ui组件)=容器组件 react中常见的高阶组件 1.react redux的connect函数 2.react优化的时候,使用过一些 阅读全文
posted @ 2020-04-21 15:41 风意不止 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 安装阶段 1.新建文件夹test 2.不需要在tset里npm init 3.全局安装脚手架 4.create react app XXX,这里的名字,不能使react,或者react dom等等,如果是这些关键词,他会提示错误。 目录分析 1. 项目根目录中的文件 先从进入项目根目录说起,也就是第 阅读全文
posted @ 2020-04-21 10:54 风意不止 阅读(529) 评论(0) 推荐(0) 编辑
摘要: 组件传值的分类 1.按嵌套关系分:父子传值和兄弟传值(意思是指跨组件传值) 1.按传值方法分:props,ref,context,updater,redux 一.父子传值 1.向下传值 父组件向子组件传值 父组件通过props传递一个不是方法的数据,给子组件; 2.向上传值 子组件向父组件传值 父组 阅读全文
posted @ 2020-04-21 09:22 风意不止 阅读(3856) 评论(0) 推荐(0) 编辑
摘要: 注释有三种 阅读全文
posted @ 2020-04-21 09:03 风意不止 阅读(692) 评论(0) 推荐(0) 编辑