希望实现以下目标:

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

显然,这是为了:

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

JSX中有没有一种优雅的方法来计算字符串中{}的表达式?

推荐答案

试试这个(ES5):

<div className={'total total-' + obj.state}>...</div>

还是ES6+

<div className={`total total-${obj.state}`}>...</div>

记住DOM和}之间的表达式是{.

Reactjs相关问答推荐

我无法对NextJ中的动态元素应用内部/内联风格

导致类型错误的调度不是函数";

CreateBrowserRouter将props 传递给父组件以验证权限

在Reaction常量函数中未更新状态变量

React-chartjs-2:红色和绿色之间的差距

如何使用 App Router 和服务器组件在 Next.js 13 中实现分页

如何在一个 Next.js 项目中使用两种布局?

在 React 中将 MUI 样式外包到单独的文件中?

获取更多数据后更新 DOM,而不刷新 React.js 中的页面

React对象值下降2次而不是1次

React 组件列表中的第一个计时器正在获取值 NaN

VideoSDK api 不使用更新状态

使用dayjs时如何在输入类型日期时间本地字段中设置默认值?

如何保留我的下一个授权用户会话?所以我可以使用提供的 ID 在其他路由中获取数据

添加新行时自动打开可扩展表格(Antd 表格,ReactJS)

意外的标记.您可能需要一个合适的加载器来处理这种文件类型.书?.img? /*#__PURE__*/React.createElement("img",

如何避免在 react useEffect 上滚动时出现小的延迟?

React Native - 身份验证 - 触发值以更改 Auth 和 UnAuth 堆栈导航器

我刚刚部署了我的 Vite React 站点,但我的图标/图像没有部署

setState 改变对象引用