中等React
0 1

ReactJSX怎么进行内联条件渲染?请举例说明？

【概念释义】

内联条件渲染指在 JSX 表达式 {} 内用三元运算符 cond ? A : B 或 逻辑与 cond && A 直接决定渲染内容，无需额外 if 语句块。适合单行、简单分支；复杂逻辑应提前在 render 外计算变量。

【基础使用】

jsx 
function StatusBadge({ status }) {
  return (
    <span className="badge">
      {status === 'ok' ? '成功' : status === 'fail' ? '失败' : '未知'}
    </span>
  );
}

登录查看完整 1133 字

回答讨论

暂无讨论，登录后可抢先发言

本题库更多题目（50）