In JSX come faccio a impostare un className come stringa + {prop}

Question

Sono un po 'nuovo in React e sto provando a impostare un className come stringa + prop. Ma non sono sicuro di come farlo e se questa è la migliore pratica.

Quindi quello che sto cercando di fare, e non è, ovviamente, di lavoro, è questa:

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

Come potrei fare per scrivere questo?

Answer 1

È possibile utilizzare la concatenazione di stringhe

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

o utilizzare Template strings nuova funzionalità ES2015

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