在 JSX 中，如何将 className 设置为字符串 {prop}

Question

我对 React 有点陌生，并试图将 className 设置为 string + prop。但我不确定该怎么做，以及这是否是最佳做法。

所以我正在尝试做的，它显然不起作用，是这样的：

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

我该怎么写这个？

原文由 andromedainiative 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用字符串连接

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

或使用 Template strings 新的 ES2015 功能

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

原文由 Oleksandr T. 发布，翻译遵循 CC BY-SA 3.0 许可协议