条件渲染与状态分支

用互斥的 status 字段实现加载、失败、空白、成功四态界面,替代互相矛盾的多布尔组合。

React核心约 25 分钟
开始学习
学习目标
  • 为请求视图完整实现 loading/error/empty/success 四种界面
  • 识别多布尔组合出的非法状态,用互斥的单一状态字段取代它们
  • 用提前 return 组织渲染分支,并为未知状态留兜底
知识点
条件渲染状态分支互斥状态空状态

内容版本 1.0.0,核验于 2026-10-26

Command Palette

Search for a command to run...