javascript - classNames 库 - 返回类名作为插值变量

Question

尝试设置一个条件来设置 div 的 className。条件有效，我可以看到 className 被分配给开发控制台中的正确变量，但我无法让它作为插值变量返回。有什么建议么？我尝试在函数中设置样式而不将它们也包装在 '' 中。这是我的代码..

const Testingtwo = ({ percent, percenttest }) => {
  let nameChange = classNames({
    "styles.BoostMeterStep": percent === true,
    "styles.filledtwo": percenttest === true
  });
  return <div className={`${nameChange}`}>HERE</div>;
};

Answer 1

那里有一个变量，您不需要在 JS 表达式中再次使用 ${} 。像这样使用它:

return <div className={nameChange}>HERE</div>;