reactjs – React.js – 使用字符串中的表达式插入JSX

前端之家收集整理的这篇文章主要介绍了reactjs – React.js – 使用字符串中的表达式插入JSX前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
期待实现以下目标:
<div className="total total-{obj.state}">

这显然是编译成:

<div class="total total-{obj.state}">

JSX中有一个优雅的方式来评估字符串中{}中的表达式吗?

尝试这个:
<div className={'total total-' + obj.state}>

请记住,{和}之间的所有内容都只是Javascript,所以表达式是’total total-‘obj.state,然后将其设置为DOM节点的类。

猜你在找的React相关文章