期待实现以下目标:
<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节点的类。