Question

尝试设置一个条件来设置div的className。有条件的工作，我可以在dev控制台中看到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>;

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

1 个答案: