码迷,mamicode.com
首页 > 移动开发 > 详细

react-native App的原理介绍

时间:2018-03-08 15:06:33      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:native   AC   技术分享   交互   nbsp   nat   stat   刷新   post   

react-native App中,大体可以理解为:整个APP作为容器,里面存放有多个父组件,子组件,孙子组件,各个组件都含有state和props这两个最重要的属性.

如下图所示:

技术分享图片

React 有props和state,props意味着父级分发下来的属性,state意味着组件内部可以自行管理的状态,并且整个React没有数据向上回溯的能力,

也就是说数据只能单向向下分发,或者自行内部消化state的变化会引起页面的刷新.

技术分享图片

 

所以组件之间交互就比较困难,当APP中页面较多,页面内组件比较复杂,通过修改state的方式重新渲染页面,就会出现卡到爆炸的效果.

所以这种方式只适合实现一些功能相对单一,页面简介,页面之间交互较少,结构简单的APP.

react-native App的原理介绍

标签:native   AC   技术分享   交互   nbsp   nat   stat   刷新   post   

原文地址:https://www.cnblogs.com/fenglh04/p/8528435.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!