我对 React 有点陌生，并试图将 className 设置为 string + prop。但我不确定如何去做以及这是否是最佳实践。
所以我正在尝试做的，显然是行不通的，是这样的：
<a data-featherlight='string' + {this.props.data.imageUrl}>
我该怎么写这个？
在 JSX 中，如何将 className 设置为 string + {prop}
IT技术
reactjs
2021-05-10 01:26:50
3个回答
您可以使用字符串连接
<a data-featherlight={'string' + this.props.data.imageUrl}>
或使用Template strings新的 ES2015 功能
<a data-featherlight={ `string${this.props.data.imageUrl}` }>
你也可以试试：
<a data-featherlight={'string1' + this.props.data.imageUrl + 'string2'}>
或者
<a data-featherlight={ `string1 ${this.props.data.imageUrl} string2` }>
如果您使用的是 Link 组件，那么您可以像这样连接：
<Link to={`getting-started/${this.props.message}`}>
<h1>Under {this.props.message}/-</h1>
</Link>
据我所知，首先：
<a data-featherlight={'your string' + this.props.data.imageUrl}>
第二：
<a data-featherlight={`your string ${this.props.data.imageUrl}`}>