小小忧愁米粒大

2021年12月1日

摘要： ##1. 总结 ###1. 通过onXxx属性指定事件处理函数(注意大小写) React使用的是自定义(合成)事件, 而不是使用的原生DOM事件 —————— 为了更好的兼容性 React中的事件是通过事件委托方式处理的(委托给组件最外层的元素,事件冒泡) ————————为了高效 ###2. 通过阅读全文

posted @ 2021-12-01 22:38 小小忧愁米粒大阅读(126) 评论(0) 推荐(0) 编辑

react: 三大属性之refs

摘要： ##1. 简介组件可以通过添加ref属性来表示自己 react会收集实例的ref信息,以ref定义的名称为key,定义ref的节点为value,然后将这个key-value放到实例的refs属性中可以通过this.refs.refName获取该ref对应的节点不要过度使用ref ##2. 字符阅读全文

posted @ 2021-12-01 22:26 小小忧愁米粒大阅读(322) 评论(0) 推荐(0) 编辑

react: 三大属性之pros

摘要： ##1. 简介 pros用于接收传入组件的属性信息一般pros只用于读取,不能修改,修改pros代码会直接报错 ##2. 基本使用 //创建组件 class Person extends React.Component{ constructor(props){ //构造器是否接收props，是否传阅读全文

posted @ 2021-12-01 21:45 小小忧愁米粒大阅读(746) 评论(0) 推荐(0) 编辑

2021年11月25日

数组

摘要： ##1. 累加求和 const array1 = [1,3,5,7,9] // 数据累加 function sum(...numbers){ return numbers.reduce((preValue,currentValue)=>{ return preValue + currentValue 阅读全文

posted @ 2021-11-25 22:20 小小忧愁米粒大阅读(63) 评论(0) 推荐(0) 编辑

展开语法...

摘要：【文档链接】:展开语法 ##1. 展开数组 const array1 = [1,3,5,7,9] const array2 = [0,2,4,6,8] console.log(...array1) // 1 3 5 7 9 console.log(...array1) // 0 2 4 6 8 ## 阅读全文

posted @ 2021-11-25 22:18 小小忧愁米粒大阅读(53) 评论(0) 推荐(0) 编辑

2021年11月17日

react: 三大属性之state

摘要： ##1. 简介组件内部可以维护一个状态数据state,通过this.state访问该数据,一般定义为一个对象,可以包含多个key-value组合; 通过setState()更新组件的状态数据时,组件会重新调用render()重新渲染页面 ##2. 写法 ###1. 构造器中初始化state con 阅读全文

posted @ 2021-11-17 22:40 小小忧愁米粒大阅读(179) 评论(0) 推荐(0) 编辑

2021年11月16日

React: 类式组件

摘要： ##1. 简介通过class关键字创建组件 ##2. 原生JS创建类 ###1. 示例代码展开代码 // 组件名大写 class Person { // 用于初始化对象 constructor(name,age) { // this 指向类的实例对象 this.name = name; this 阅读全文

posted @ 2021-11-16 23:07 小小忧愁米粒大阅读(178) 评论(0) 推荐(0) 编辑

React: 函数式组件

摘要： ##1. 简介函数式组件本质上就是一个JS函数作为一个组件，至少包括一些结构代码 ##2. 示例代码展开代码 ##3. 运行原理 ReactDOM.render解析组件标签解析到组件为函数式组件，调用该函数，将返回的虚拟DOM转为真实DOM呈现在页面普通JS函数中的this指向的是wind 阅读全文

posted @ 2021-11-16 22:20 小小忧愁米粒大阅读(1764) 评论(0) 推荐(1) 编辑

React: JSX语法

摘要： ##1. 简介 JSX，是一个 JavaScript 的语法扩展，使用JSX可以提高我们的开发效率； JSX语法是类XML语法，好处是标签可以任意嵌套，我们可以像HTML一样清晰看到DOM树结构和其属性 ##2. 语法规则标签中使用表达式时要用{} 只有一个根标签标签必须闭合标签首字母若首字阅读全文

posted @ 2021-11-16 21:53 小小忧愁米粒大阅读(61) 评论(0) 推荐(0) 编辑

2021年11月15日

MD常用标签

摘要： 1. 超链接【参考文章】: <a href="https://react.docschina.org/" target="_blank">官网地址</a> 2. 图片 <img src=https://img2020.cnblogs.com/blog/1294391/202112/1294391- 阅读全文

posted @ 2021-11-15 21:44 小小忧愁米粒大阅读(298) 评论(0) 推荐(0) 编辑

virgosnail

陈十一