javascript - 如何使用 jQuery 选择由 css-loader 转换的类名？

Question

我正在使用带有 css-loader 的 webpack。除了我不知道如何使用 jQuery 来选择 css-loader 转换的类之外，一切都运行良好。转换后的类名类似于“src-styleauthTextboxLeft1Npf4”，具有以下 css-loader 配置：

css?sourceMap&modules&importLoaders=1&localIdentName=[path][name]__[local]__[hash:base64:5]'

这是反应代码

const Auth = (props) => {
  const toggle = (event) => {
    // Working example
    $('#container').css('background', 'blue');

    // Not working
    $(styleCSS.container).css('background', 'green');
  };
  return (
    <div id="container" className={styleCSS.container} onClick={toggle} />
  );
};

无论如何，使第二个选择有效吗？

Answer 1

如果styleCSS.container是一个类，你只需要.在它前面添加一个。试试这个：

$('.' + styleCSS.container).css('background', 'green');