Conditional JSX

Conditional.jsx

function render1() {
  return (
    <div>
      { templates.length
        ? null
        : <div>Nothing to see here, move along...</div>
      }
    </div>
  );
}

function render2() {
  return (
    <div>
      { !templates.length &&
        <div>Nothing to see here, move along...</div>
      }
    </div>
  );
}

function render3() {
  var emptyElement;
  if (!templates.length) {
    emptyElement = <div>Nothing to see here, move along...</div>;
  }
  return (
    <div>
      {emptyElement}
    </div>
  );
}