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

发布时间：2020-12-15 06:24:54 所属栏目：百科来源：网络整理

导读：期待实现以下目标： div className="total total-{obj.state}" 这显然是编译成： div class="total total-{obj.state}" JSX中有一个优雅的方式来评估字符串中{}中的表达式吗？尝试这个： div className={'total total-' + obj.state} 请记住，{和}之间的所

期待实现以下目标：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!