React Native Todo应用:切换Work/Travel时ScrollView显示异常咨询
纯前端Todo应用分类显示问题排查与解决
排查
working变量的初始值:
若Work分类对应working: true、Travel对应working: false,初始状态下如果working默认值设为false,就会自动匹配Travel类待办,导致未操作时显示Travel列表。需将working初始值调整为符合需求的状态——比如默认想显示Work就设为true,默认想隐藏所有分类可改用null/undefined,再同步调整判断逻辑。核对待办数据的
working字段:
确认所有Travel类待办的working字段值确实与Work类相反,排查是否存在Travel待办的working被误设为true、或Work待办设为false的情况,避免初始判断逻辑匹配错误。优化渲染判断逻辑:
如果默认不想显示任何分类,不要用布尔值true/false作为working初始状态,改用null或undefined,同时修改渲染判断:// 假设初始working为null {toDos[key].working === working && <TodoItem ... />}这样初始状态下
working为null,不会匹配任何分类待办,只有点击按钮切换working为true或false时,才会显示对应列表。检查按钮状态切换逻辑:
确认点击Work按钮时确实将working设为true,点击Travel时设为false,排查是否存在状态写反、或状态更新失败的问题。
内容的提问来源于stack exchange,提问作者Asios
相关产品推荐
相关产品推荐

