1.组件之间通信
子组件调用父组件的方法:子组件要拿到父组件的属性,需要通过this.props方法。每次父组件修改了传入的属性,子组件会收到通知,会自动获取新的属性。
父组件调用子组件的方法:在ReactJS中通过ref属性。该属性类似与给组件起名字。父组件可以通过this.ref.xxx来获取到该组件
2.创建不定数View,在return方法中不支持for语句
(1).采用MAP形式
(2).采用数组的形式
3 ref 属性
4.网络请求加载Loading框注意的地方
Loading 框采用的是IOS原生封装,在RN页面进行网络请求注意延迟200ms左右
this.timer = setTimeout(()=>{this._fetchData();}, 200);
避免Loading 框在上一页面。
5.关于倒计时问题
产品详情页有倒计时功能,但应用切换到后台后,倒计时开始停止工作,这时候需要重新校准时间。所以需要应用的状态
RN中使用APPState来查看应用状态
通过此接口可以获悉应用在当前处于后台还是前台激活的状态,常用方法和应用场景类似于h5的visibilitychange。
注意该接口要最新版本(2.0+)的 react-native 才能调用。
获取到的应用状态常规有:
active:表示应用处于前台运行状态;
background:表示应用处于后台挂起状态;
inactive:表示过度状态,常规不会发生,可以先忽略
我们可以使用 AppState.addEventListener 和 AppState.removeEventListener 方法来监听、移除应用状态的 change 事件。
网友评论