首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >用于检查数组是否为空的ES6条件if语句

用于检查数组是否为空的ES6条件if语句
EN

Stack Overflow用户
提问于 2016-05-19 23:23:58
回答 2查看 21K关注 0票数 4

我似乎不能让我的jsx es6 react if语句工作..我做错了什么?

代码语言:javascript
复制
const otherVariables = doesntMatter;    

return (
...
    <div>
    {if (props.student.length == null && props.teacher.length == null) => (
       <p>empty</p>
    ) : (
       <p>not empty</p>
    )} 
   </div>
...
)

如何检查两个数组是否都为空?

EN

回答 2

Stack Overflow用户

发布于 2016-05-19 23:29:59

存在语法错误,您正在测试lambda表达式。

你可以这样做

代码语言:javascript
复制
return !!props.student.length && !!props.teacher.length ? <p>not empty</p> : <p>empty</p>;
票数 7
EN

Stack Overflow用户

发布于 2016-05-19 23:29:26

代码语言:javascript
复制
const elementToRender = props.student.length && props.teacher.length ?  <p>not empty</p> : <p>empty</p>

然后在jsx中只需这样做:

代码语言:javascript
复制
<div>
  { elementToRender }
</div>
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37327681

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档