You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.30 16:39:20