Reagieren in JSX spezifisches Element erhält

Question

So habe ich ein jsx wie diese

<img 
    onClick={(event) => this.handleImgClick(event)} 
    id="typeLightBox" 
    className={`${this.state.popupType === 'typeLightBox' ? 'selected' : ''}`} 
    src="url" 
/> 

In der Klassenname Definition, die ich frage mich, ob es irgendeine Art, wie ich die ID dieses spezifischen img manuell statt Schreiben der ID bekommen?

Answer 1

Die einfachste Lösung wäre wahrscheinlich nur, um es in einer Variablen zu setzen:

const id = "typeLightBox"; 
return <img 
    onClick={(event) => this.handleImgClick(event)} 
    id={id} 
    className={`${this.state.popupType === id ? 'selected' : ''}`} 
    src="url" 
/>