目前,我的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>;
}```
extraClassName只是局部作用域中的变量,它似乎不在样式对象上。
所以您应该能够写:
return <div className={`node ${extraClassName}`}></div>;
它应该工作。