-
ref是什么? ref是组件的特殊属性,组件被渲染后,指向组件的一个引用。可以通过组件的ref属性,来获取真实的组件。 因为,组件并不是真正的DOM节点,而是存在于内存中的一种数据结构,称为虚拟的DOM,只有当它真正的插入文档之后,才变为真正的DOM节点。根据React的设计,所以的DOM变动都发生在虚拟DOM上,然后再将实际的部分反映到真实的DOM上--这就是 DOM DIff,它可以提高页面性能。 如何使用ref呢? ref属性的定义是在使用组件的部分,而组件的方法之类的都是在定义组件的里面就有的。render方法被调用的时候,组件就会被渲染。渲染完成之后,就可以获取这个组件实例啦,因而就可以调用组件实例里的方法或者变量啦。 定义组件的方式一 ref="reftest" this.refs.reftest 或者 this.refs[reftest] , 这两种方式都可以获得当前的组件。 获得当前组件的大小, let size = this.refs.reftest.getSize(); 定义组件的方式二 ref={reftest=>this.reftest=reftest} [当组件被渲染后,ref属性reftest就有值啦,然后我们将它赋值给this.reftest 。接下来就可以使用this.reftest来获取相应的方法] this.reftest 或者 this.refs['reftest'] , 这两种方式都可以获得当前的组件。 这种方式定义,就可以这样使用,var size = this.reftest.getSize();查看全部
-
我的react默认没有PropTypes组件 需要自行下载引入 npm install --save prop-types import PropTypes from 'prop-types'; // ES6 var PropTypes = require('prop-types'); // ES5 with npm查看全部
-
通过控制台打印log,打开调试工具,选择“Debug JS remotly”,如图 按Ctri+Shift+J键调出控制台窗口,查看log情况查看全部
-
React Native 远程调试
查看全部 -
跨平台(Android+iOS) 性能高(独立渲染js的引擎)动态更新
查看全部 -
1. **是指数操作符
不使用指数操作符时:
function calculateExponent(base, exponent) { if (exponent === 1) { return base; } else { return base * calculateExponent(base, exponent - 1); } } console.log(calculateExponent(2, 10)); // 输出1024 console.log(Math.pow(2, 10)); // 输出1024
使用
2**10
等同
2. ES8的特性
async/await
Object.values()
Object.entries()
String padding
函数参数列表结尾允许逗号
Object.getOwnPropertyDescriptors()
好吧!await几乎看不懂。
查看全部 -
用RN的好处
1、一才两用
2、开发成本低
3、代码复用率高
4、支持动态更新
查看全部
举报
0/150
提交
取消