In JSX wie setze ich einen Klassennamen als String + {prop}

Question

Ich bin ein bisschen neu zu Reagieren und versuchen, einen Klassennamen als String + Requisite zu setzen. Aber ich bin mir nicht sicher, wie es geht und ob das die beste Vorgehensweise ist.

Also, was ich versuche zu tun, und es ist offensichtlich nicht funktioniert, ist dies:

<a data-featherlight='string' + {this.props.data.imageUrl}> 

Wie würde ich über das Schreiben dieses gehen?

Answer 1

Sie String-Verkettung verwenden können

<a data-featherlight={'string' + this.props.data.imageUrl}> 

oder Template strings neue ES2015 Funktion

<a data-featherlight={ `string${this.props.data.imageUrl}` }>