if-else statements don't work inside JSX. This is because JSX is just syntactic sugar for function calls and object construction.
JSX is fundamentally syntactic sugar. After compilation, JSX expressions become regular JavaScript function calls and evaluate to JavaScript objects. We can embed any JavaScript expression in JSX by wrapping it in curly braces.
More explanation to this over here
与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
