Jsx Ternary Formatting

Always format a ternary expression across exactly five parts on separate lines: the condition, ?, the true expression, :, and the false expression.

Correct

export default props => props.visible
    ?
    <Content />
    :
    null

Incorrect

export default props => props.visible ? <Content /> : null

Fix

Place the condition, question mark, true branch, colon, and false branch on separate lines. JSX branches may span multiple lines.