reactjs - 在 JSX 中，如何将 className 设置为 string + {prop}

Question

我对 React 有点陌生，并尝试将 className 设置为 string + prop。但我不确定如何做到这一点以及这是否是最佳实践。

所以我想做的，但显然不起作用，是:

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

我该如何写这个？

Answer 1

您可以使用字符串连接

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

或使用Template strings ES2015 新功能

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