我如何在基于const的CSS模块中使用多个类?

问题描述 投票:0回答:1

目前,我的extraClassName const从未被读取,我希望CSS模块遵循if语句所基于的extraClassName。不知道如何去做。

render() {
    const { isFinish, isStart } = this.props;
    const extraClassName = isFinish
      ? "node-finish"
      : isStart
      ? "node-start"
      : "";

    return <div className={`node ${styles.extraClassName}`}></div>;
  }```
css reactjs react-css-modules
1个回答
0
投票

extraClassName只是局部作用域中的变量,它似乎不在样式对象上。

所以您应该能够写:

return <div className={`node ${extraClassName}`}></div>;

它应该工作。

© www.soinside.com 2019 - 2024. All rights reserved.