2019年7月17日

React组件之间的通信方式

摘要: 一、通过props传递 共同的数据放在父组件上, 特有的数据放在自己组件内部(state) 通过props可以传递一般数据和函数数据, 只能一层一层传递,即单向单层传递 一般数据 父组件传递数据给子组件-->子组件读取数据 函数数据 子组件传递数据给父组件-->子组件调用函数 总结: 父子组件之间的 阅读全文
posted @ 2019-07-17 16:57 勇士_Curry 阅读(1749) 评论(0) 推荐(0) 编辑

Object.assign()方法详解

摘要: Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 语法 Object.assign(target, ...sources) 参数: target 目标对象 source 源对象 返回值 目标对象 说明: 如果目标对象中的属性具有相同的键, 阅读全文
posted @ 2019-07-17 13:02 勇士_Curry 阅读(1483) 评论(0) 推荐(0) 编辑

React组件中的函数绑定this的几种方式

摘要: 在React中使用class定义组件时如果不注意this的指向问题,会带来一些麻烦。 绑定this主要有下面两种方法: 1. bind() 在class中定义函数,然后在构造方法中使用bind()绑定当前的组件对象。 2. 箭头函数 箭头函数中的this指向定义函数定义时所在的执行环境。而不是运行时 阅读全文
posted @ 2019-07-17 12:48 勇士_Curry 阅读(3623) 评论(0) 推荐(0) 编辑

原生JavaScript操作DOM的方法

摘要: 使用原生的JavaScript操作DOM主要有下面的几种需求: 获取元素 添加元素 删除元素 更改元素 下面结合代码来说明使用原生JavaScript实现上面的需求。 HTML结构: 1. 获取元素 主要使用querySelector()和querySelectorAll()。前者返回匹配的第一个元 阅读全文
posted @ 2019-07-17 12:25 勇士_Curry 阅读(472) 评论(0) 推荐(0) 编辑