react native 入坑集锦

lufficc 发布于2019-08-26 10:13 / 2200人阅读

摘要：使用解构方法操作一个深层的对象，再可能不会触发以及模拟器和真机调试都正常，只有打包发布之后有这个问题。和第一个问题差不多，也是导致实体机有问题有更多坑的同学的可以一起分享交流，后续会持续更新

1. 使用解构方法操作一个深层的对象，再setState,可能不会触发render(ios以及Android模拟器和真机调试都正常，只有打包发布之后Android有这个问题)。

...
/* React
state = {
    data: {
        "2019-07-19": {...},
        "2019-07-20": {...},
    }
}
*/
const data = this.state.data;
// 待解构的数据源
const obj = {
    some_attr: "test",
    other: {
        sex: "man",
    }
}
// 被用来setState的临时数据
const data_tmp = {
    name: "张三",
    age: 18,
    ...obj.other
}
data["2019-07-19"] = data_tmp
this.setState({
    data
})
// 这种情况会导致上述情况
// 解决办法 不使用解构  使用for in 把属性插入
const data_tmp = {
    name: "张三",
    age: 18
}
for(key in obj.other) {
    data_tmp[key] = obj.other[key]
}
data["2019-07-19"] = data_tmp
this.setState({
    data
})

上述问题有点奇怪，暂时不明原因，查明原因会补充真想，有大神知道原因评论区交流^_^

2. 多个setState同步执行也会导致不触发render(ios以及Android模拟器和真机调试都正常，只有打包发布之后Android有这个问题)。

[1,2,3].forEach(item, () => {
    this.setState({
        data: {...}
    })
})

和第一个问题差不多，也是导致Android实体机有问题

有更多坑的同学的可以一起分享交流，后续会持续更新...

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/105789.html

和我一起入坑-React-Native-加入Redux的TodoList

摘要：之前写了一篇没有加入的的小博文。一拆分结构根据自己的习惯和固定套路，拆分目录结构和组件结构。把的导航组件集中放在纯粹是个人习惯。二代码实现入口文件是用来做的数据持久化。添加事项后要通知其他组件更新数据。读前须知这个项目是第一次使用Redux的实例，并不具有专业性的理论知识。纯粹分享一次开发过程与心得。之前写了一篇没有加入Redux的React Native ToDoList的小博文...

LucasTwilight 2019-08-23 12:03 评论0 收藏0
在Windows下搭建React Native Android开发环境，android开发mvp模式

摘要：在这个过程中可能会出现一些问题，导致失败你没有配置需要再系统变量中加入这个，指到目录。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。本文已被开源项目学习笔记总结移动架构视频大厂面试真题项目实战源码收录在这个过程中可能会出现一些问题，导致build失败： 1. 你没有配置ANDROID_HOME,...

番茄西红柿 2021-11-29 10:50 评论0 收藏2637
Flutter 面试知识点集锦

摘要：中的的线程是以事件循环和消息队列的形式存在，包含两个任务队列，一个是内部队列，一个是外部队列，而的优先级又高于。同时还有处理按住时的事件额外处理，同时手势处理一般在的子类进行。谷歌大会之后，有不少人咨询了我 Flutter 相关的问题，其中有不少是和面试相关的，如今一些招聘上也开始罗列 Flutter 相关要求，最后想了想还是写一期总结吧，也算是 Flutter 的阶段复习。 ⚠️系统完...

andong777 2019-05-21 19:52 评论0 收藏0
React-Native 真的是移动开发的未来吗

摘要：在版本上，安卓系统上的渲染就有锯齿，后来我们不分效果是使用图片实现的，汗啊第三方组件不全。摇一摇问题的解决在我们使用了等状态管理时，热更新不会更新这些代码，而频繁摇一摇实在是太累了。此时可以使用此时相当于虚拟了一个摇一摇事件。公司本年度有App任务，陆陆续续用RN开发了两个应用。一款是涉及仪器控制的平板项目，另一款是客户端的App。下文谈谈使用RN开发的部分认知(其实只是随便扯一扯，...

thursday 2019-08-22 18:20 评论0 收藏0