JSXでclassNameを文字列+ {prop}に設定するには

Question

私はReactに少し新しく、classNameをstring + propとして設定しようとしています。しかし、私はそれをどうやって行うのか、それがベストプラクティスかどうかはわかりません。

だから私がやろうとしている、それは明らかに働いていないものを、これです：

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

は、どのように私はこれを書いて行くのでしょうか？

Answer 1

あなたは、文字列の連結

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

または私が探していたまさに

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