ES6条件if语句检查数组是否为空

Question

如果声明工作，我似乎无法让我的jsx es6做出反应..我做错了什么？

const otherVariables = doesntMatter;    

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

如何检查两个阵列是否都为空？

Answer 1

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

您可以执行类似

的操作

return !!props.student.length && !!props.teacher.length ? <p>not empty</p> : <p>empty</p>;

Answer 2

const elementToRender = props.student.length && props.teacher.length ?  <p>not empty</p> : <p>empty</p>

然后在jsx中做：

<div>
  { elementToRender }
</div>