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节点的类。