ES6条件付きif配列が空であるかどうかを確認するステートメント

Question

jsx es6がif文を反応させるように見えません。

const otherVariables = doesntMatter;  

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

両方の配列が空であるかどうかを確認するにはどうすればよいですか？

Answer 1

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

そして、ちょうど行い、その後JSXに：

<div> 
    { elementToRender } 
</div> 

Answer 2

を構文エラーがあり、あなたはラムダ式をテストしています。

あなたは

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