Restrict write conditionals inside jsx

[ledamint]

// BAD

render() {
    return (
       <div>{true ? <span></span> : null}</div>
    );
}

// GOOD

render() {
   const span = true ? <span></span> : null;

   return <div>{span}</div>
}