jsx condition

customIf.jsx

const _call = (result) => typeof result === 'function' ? result() : result;
const IF = (condition) => (result, otherResult = null) => _call(condition ? result : otherResult);

const FooComponent = () => (
  <div>
    {IF(true)(
      <span>here is true and evaluated before the condition</span>,
      _ => <p>here is false and will not be evaluated</p>
    )}
  </div>
)