title: ES6 conditional if statement to check if arrays are empty
body: <p>I can't seem to get my jsx es6 react if statement to work.. What am I doing wrong?</p>
  
  <pre><code>const otherVariables = doesntMatter;    
  
  return (
  ...
      &lt;div&gt;
      {if (props.student.length == null &amp;&amp; props.teacher.length == null) =&gt; (
         &lt;p&gt;empty&lt;/p&gt;
      ) : (
         &lt;p&gt;not empty&lt;/p&gt;
      )} 
     &lt;/div&gt;
  ...
  )
  </code></pre>
  
  <p>How can i check if both arrays are empty?</p>