Modelesq Modelesq - 6 months ago 135
Javascript Question

ES6 conditional if statement to check if arrays are empty

I can't seem to get my jsx es6 react if statement to work.. What am I doing wrong?

const otherVariables = doesntMatter;

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


How can i check if both arrays are empty?

Answer

There is a syntax error, you are testing an lambda expression.

You can do something like

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