如何有条件地渲染React组件？

【概念释义】

条件渲染指根据 state/props/权限/数据状态决定是否渲染某段 UI 或整个组件。React 无模板指令，常用 if/return、三元、&& 短路、switch/变量存 JSX 等方式。核心是：render 必须返回合法 ReactNode（含 null 表示不渲染）。

【基础使用】

function Dashboard({ user, loading }) {
  if (loading) return <Spinner />;
  if (!user) return <LoginPrompt />;

  return (