react-native App的原理介绍

Posted fenglh04

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react-native App的原理介绍相关的知识,希望对你有一定的参考价值。

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

如下图所示:

技术分享图片

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

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

技术分享图片

 

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

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

以上是关于react-native App的原理介绍的主要内容,如果未能解决你的问题,请参考以下文章

零Node基础看懂React-Native脚手架工具

reac-native环境搭建

react-native--手绘直线(手势)

react-native--手绘直线(手势)

ionic react-native和native开发移动app那个好

React-Native 高仿“掘金”App 注册和登录界面