ReactNative
qdctop
这个作者很懒,什么都没留下…
展开
-
组件中使用事件函数
文章目录组件中使用事件函数如何将父组件的函数作为props传递给子组件知识点:1. 为什么不是直接调用函数:2. 为什么需要bind(this):3. 为什么不在组件中进行绑定:ReactNative系列-文章组件中使用事件函数如何将父组件的函数作为props传递给子组件简单样例:class Foo extends Component { … handleClick() { ...原创 2019-03-26 23:34:46 · 860 阅读 · 0 评论 -
ReactNative自定义组件
文章目录ReactNative自定义组件组件例子标题组件LinearLayout组件性能优化渲染优化ReactNative系列-文章ReactNative自定义组件组件一个ReactNative的APP界面其实是各种组件的组合,但是官方给我们提供的组件或许在样式或功能上不能满足实际的需求,所以在开发过程中,我们不可避免的需要写一些新的组件以满足项目需求。那么,它的自定义组件会有什么类型区别...原创 2019-03-10 12:40:14 · 2471 阅读 · 0 评论 -
React Redux
文章目录React Redux安装基础ActionReducerStore流程图使用与ReactNative结合简单使用createStore作用Provider的作用connect()函数combineReducersObject.assign()与网络请求结合使用RequestReducer中的…state知识细节ReactNative系列-文章React Redux是什么?Redu...原创 2019-02-24 20:45:43 · 357 阅读 · 0 评论 -
Promise 详解
文章目录Promise 详解前言定义创建和使用resolverejectcatch的后续链Promise.all()Promise.race()与async await配合使用知识细节ReactNative系列-文章Promise 详解前言Js代码是单线程运行,这就意味着类似于网络请求/数据库查询等耗时操作,需要放在异步进行,返回结果通过回调函数实现。在js回调函数是这样子:$jquer...原创 2019-02-23 17:38:10 · 1424 阅读 · 0 评论 -
setState
文章目录setState基础用法setState对组件树的性能影响ReactNative系列-文章setState基础用法在react组件中,我们使用两种数据来控制一个组件:props和state。props (不了解可以去看 -> props详解) 是组件中的属性,一经指定,那么它在整个组件的生命周期中都不再改变。对于需要改变数据,这时候需要state。一般来说在construc...原创 2019-02-23 17:37:35 · 689 阅读 · 0 评论 -
shouldComponentUpdate机制
文章目录shouldComponentUpdate机制机制使用ReactNative系列-文章https://segmentfault.com/a/1190000016494335?utm_source=tag-newestshouldComponentUpdate机制机制在react开发中,经常需要对数据state状态进行改变,但是这种方式每当setState的时候都会将所有的组件重新...原创 2019-02-23 17:37:01 · 12919 阅读 · 2 评论 -
Component和PureComponent的区别
文章目录Component和PureComponent的区别介绍区别点:PureComponent缺点PureComponent优势为什么PureComponent比较复杂的数据结构,可能会因深层的数据不一致而产生错误的否定判断?ReactNative系列-文章Component和PureComponent的区别介绍React.PureComponent 与 React.Component...原创 2019-02-23 17:35:58 · 32506 阅读 · 2 评论 -
this与bind(this)
文章目录this与bind(this)thisthis详细- 全局环境- 函数内1. 普通函数2. 箭头函数3. 对象中的函数原型链中的thisgetter 与 setter 中的 thisbind(this)ReactNative系列-文章this与bind(this)thisthis指向的是当前函数的作用域(对象实例),有如下的例子 const app = { name: ...原创 2019-02-23 17:34:52 · 19963 阅读 · 4 评论 -
闭包
文章目录闭包释义(来自百度百科)例子作用缺点ReactNative系列-文章闭包释义(来自百度百科)闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。例子function makeFunc() { var name = "...原创 2019-02-23 17:33:55 · 582 阅读 · 0 评论 -
prototype原型链
prototype原型链基础首先需要明白,构造函数/__proto__/原型对象/构造器构造函数:function Fn() { this.foo = ‘haha’;} // Fn为构造函数var f1 = new Fn(); // f1是Fn构造函数创建的对象__proto__:在创建对象的时候,都会有一个属性__proto__,它指向构造函数的原型对象prototyp...原创 2019-02-23 17:32:51 · 704 阅读 · 0 评论 -
props详解
文章目录propsthis.props.childrenstatic propTypesstatic defaultPropsReactNative系列-文章propsprops是react组件的属性,一经指定,在被指定的组件的生命周期中则不再改变。在react组件中,所有的参数都放在this.props属性里面,例如有如下的一个组件:import React from 'react';...原创 2019-02-23 17:31:41 · 19005 阅读 · 1 评论 -
ReactNative系列
HelloWorldUI界面系列插件系列本文博客-ReactNative插件开发本文博客-ReactNative打包生成jsbundle原创 2018-12-21 21:43:30 · 664 阅读 · 0 评论 -
将ReactNative项目打包生成jsbundle
在进行原生开发时,我们可能需要在原生项目加载RN的代码,那么需要将RN项目打包成jsbundle文件,然后由原生对此引用。打包命令详情:使用 react-native bundle --help 来查看打包的具体参数react-native bundle [参数] 构建 js 离线包Options: -h, --help 输出如何使用的信息 --entry-file <pat...原创 2019-03-26 22:30:55 · 7320 阅读 · 2 评论 -
Refs
文章目录RefsRefs是什么Refs作用Refs的使用创建 Refs1. 使用 React.createRef() 创建 refs2. 回调形式创建 refsRefs知识点ReactNative系列-文章RefsRefs是什么Refs 提供一种访问在render方法中DOM节点或者React元素的方式。Refs作用你可以通过它获得DOM节点或者React元素。一般...原创 2019-03-26 23:35:13 · 1765 阅读 · 0 评论