[解決済み] JSXでclassNameを文字列＋{prop}で設定するには？

質問

私はReactに少し慣れておらず、classNameを文字列+propとして設定しようとしています。しかし、私はそれを行う方法とそれがベストプラクティスであるかどうかがわかりません。

それで、私がやろうとしていることは、明らかにうまくいっていないのですが、次のようなことです。

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

どのように書けばいいのでしょうか？

どのように解決するのですか？

文字列の連結を使用することができます。

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

または Template strings ES2015 の新機能

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