代码改变世界

react-native基本知识点(4/4)

2022-04-25 10:16  猎手家园  阅读(53)  评论(0编辑  收藏  举报

一、目录结构

App.js            项目的根组件
index.js 项目的入口文件
package.json 项目的描述文件
eslintrc.js eslint的配置文件
prettierrc.js 格式化配置文件
android 编译android相关
ios 编译ios相关

 

二、生命周期

1、constructor
实例被初始化时,一般对组件做初始化工作,如state

 

2、render
组件被渲染时和被更新时

 

3、componentDidMount
组件挂载完毕后触发,如发布异步请求

 

4、componentWillUnmount
组件被卸载时触发,如清除定时器、取消订阅

 

三、组件

1、this关键字的传递问题

由于疏忽,经常遇到this关键字报undefind的错误,常用的解决办法就是使用箭头函数,如:

handlePress=()=>{
    console.log()
}


2、mobx 全局数据管理库

 

3、props 子父组件属性传递

 

4、state 相当于vue中的data,设置局部变量

 

 

 (待续更新中......)