5

css-loader で webpack を使用しています。jQuery を使用して css-loader 変換されたクラスを選択する方法がわからないことを除いて、すべてが正常に機能しています。変換されたクラス名は、次の css-loader 構成で「src-styleauthTextboxLeft1Npf4」のようになります。

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} />
  );
};

とにかく、2番目の選択を機能させる方法はありますか?

4

1 に答える 1

2

styleCSS.containerがクラスの場合は、その.前に a を追加するだけです。これを試して：

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

于 2016-11-22T06:26:58.683 に答える