¿Es posible usar si ... más ... declaración en la función de representación de React?

Básicamente, tengo un componente de reacción, esrender() El cuerpo de la función es el siguiente: (Es mi ideal, lo que significa que actualmente no funciona)

render(){
    return (
        <div>
            <Element1/>
            <Element2/>
            // note: code does not work here
            if (this.props.hasImage) <MyImage />
            else <OtherElement/>
        </div>
    )
}

Respuestas a la pregunta(7)

Su respuesta a la pregunta