React 多条件检查（JSX）

Posted 2023-02-22

【中文标题】React 多条件检查（JSX）

【英文标题】：React Multiple Condition Check(JSX)

【发布时间】：2021-12-26 07:10:00

【问题描述】：

我一直在尝试根据登录的用户进行一些条件渲染。React JSX 中有没有办法检查多个条件是否为真？我知道这种语法是错误的，但有没有办法只用 JSX 来做到这一点。我基本上想检查 post 数组是否为空以及加载变量是否为 false。

filteredPosts.length === 0 && loading === false ? "This user has no posts" :  <Posts loading=loading fetchData=fetchData posts=filteredPosts/>

【问题讨论】：

让三元包裹你的整个状态

@emre-ozgun 是的，我刚刚做到了，它奏效了。欣赏它

【参考方案1】：

试试这个

(filteredPosts.length === 0 && loading === false) ? "This user has no posts" :  <Posts loading=loading fetchData=fetchData posts=filteredPosts/>

【讨论】：

成功了，谢谢！