Question

我希望能够做到这一点：

import styles from 'switchstyle.css';

const Choice = function (props) {
    const cssClasses = [];

    if (props.active) {
        // i think .active would be defined in the css file
        cssClasses.push(style.active);
    }

    return (
        <div
            onClick={props.onClick}
            className={cssClasses}
        >
            {props.label}
        </div>
    );
};

我在React书中看到了类似的东西，但我无法让它工作 - 我想我错过了一些webpack插件（我猜）。谢谢你

Answer 1

假设您正在使用Webpack，这应该可以正常工作，除了className无法获取数组。一个简单的解决方案是使其成为一个字符串：

className={cssClasses.join(' ')}

是否可以在JS代码中将css样式称为对象？

1 个答案: