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]'

这是 React 代码

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');