React Native Reducer结构较深与render map展示刷新问题
来源:互联网 发布:mysql trigger 判断 编辑:程序博客网 时间:2024/05/17 09:00
上周在做一个膳食项目,项目核心需求是
上传三天的膳食拍照图片,
1、one day by one day(四级水平。。。)
2、每天的信息精确到三餐(可灵活加餐)、
3、餐前(后)、
4、拍照角度(45、90、145)
背景情况
一、
后端给的参数也决定了,我需要用到三位数组来store我的膳食数据,由于可以实现灵活加餐,所以我最外层数组的长度是大于3的动态情况
二、
为了提高前端代码的可读性,我充分发挥了三位数组结构的逻辑优越性,连用了三个map循环render膳食图片
遇到的问题
一、
focus界面的时候,拿到数据之后我会重新初始化我的reducer结构(肯定不能枚举三位数组吧),这时我的最底层数据不能实现重新渲染
二、当我实现动态加餐的时候,新增缺省数据不能重新渲染
可行性解决方案分析:
1、reducer结构写的过深 =》 尝试:强制刷新并没有用
2、reducer结构初始化失败、数据没有写入 =》 尝试:在Debugger上可以看到state精确信息
3、map 的key问题 => 尝试:没毛病
真实原因:
三层map写的过深,我尝试把最内层的map去掉,发现一切问题都解决了,避免了代码重构的厄运
阅读全文
1 0
- React Native Reducer结构较深与render map展示刷新问题
- 【REACT NATIVE 系列教程之四】刷新组件RENDER(重新渲染)的三种方式详解
- 【React Native】刷新组件RENDER(重新渲染)的三种方式详解
- 利用Immutable解决React-Native那些因为对象被篡改导致的多次render问题
- 利用Immutable解决React-Native那些因为对象被篡改导致的多次render问题
- 利用Immutable解决React-Native那些因为对象被篡改导致的多次render问题
- React Native中模拟器command+R刷新不了的问题
- react-native 目录结构
- React Native项目结构
- React Native中react-native-baidu-map的安装与使用
- react/react native 组件的刷新机制
- react native use map function
- react native 列表展示的解决方案
- React native 入门二 魅力展示
- React native 入门二 魅力展示
- React Js 与React Native
- React Js 与React Native
- React---Render
- Hadoop基础教程-第14章 大数据面试笔试题汇总(持续更新)
- caffe2 学习笔记03-从图片如何到mdb数据集
- tomcat部署项目,并修改端口号
- Python字符串逆序输出
- java中byte转int时候为什么要&0xff
- React Native Reducer结构较深与render map展示刷新问题
- RDLC——最简单实例
- Axure 按钮多事件触发
- Python PIL图片添加字体
- lucene5--多索引目录查询以及多线程查询
- 外接设备连接电脑万能驱动安装
- nginx 504 proxy_read_timeout
- 新路程------uboot环境变量没生效
- java中获取配置文件方式