querySelectorでreact状態を使用する方法

likeicare

これを行う代わりに: document.querySelector(".class1").addEventListener('wheel', this.doSomething)

私はこのようなことをしたい: document.querySelector(this.state.currentClass).addEventListener('wheel', this.doSomething)

出来ますか?私が考えることができる他の回避策は次のようなものです:

let temp = "." + this.state.currentClass;
document.querySelector(temp).addEventListener('wheel', this.doSomething);

これを行うための標準的またはより最適な方法はありますか?

レッドバロン

文字列補間を使用して、次のことを行うことができます。

document.querySelector(`.${this.state.currentClass}`)

文字列補間は次のように機能します。

文字列内のすべてが文字列として解釈されます。ただし、中のすべてが${}javascriptとして読み取られ、文字列に変換されます。

const hello = 'goodbye'hello{hello}//hellogoodbye

私が示した方法でそれを行うことをお勧めします。何かを追加したいときはいつでも、でclassNameを更新するだけです。 state

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

Reactで状態を変更する方法

Reactで状態を更新する方法

REACTの状態で使用される値を連結する方法

Reactでaxiosを使用して状態を更新する方法は?

状態なしでReactを使用する

更新された状態をreactで使用する方法

ReactでquerySelectorを使用する

react.jsES6で小道具を使用して状態を設定する方法

React-native別のjavasriptファイルで状態値を使用する方法

状態の使用中にReactでSocketIOイベントを受信する方法

ハンドラー関数のsetIntervalでReact状態変数を使用する方法

react-native:react-nativeで動的状態をsetState()する方法は?

修正方法:onClick to divで状態を表示する方法(React)

React:状態を上書きする方法

REACT状態を解除する方法は?

Redux + React + FireBase:更新時に状態を使用する方法

React Nativigationで、状態を更新する方法goBack

Reactで親の状態を更新する方法は?

reactで動的状態値を宣言する方法

react.jsで状態を同期する方法は?

Reactで状態をインクリメントする方法は?

react-reduxでストアの状態を更新する方法は?

Reactで状態を定義するES6の方法

React / Fluxでセーブ状態を処理する方法は?

react-routerのリンクで状態を参照する方法

React JS、2ページで状態を表示する方法

reactで状態配列に値を追加する方法

Reactで状態の配列要素を変更する方法

条件付きで状態を変更する方法-React

TOP 一覧

  1. 1

    PictureBoxで画像のブレンドを無効にする

  2. 2

    HTTPヘッダー 'SOAPAction'の値はサーバーによって認識されませんでした

  3. 3

    STSでループプロセス「クラスパス通知の送信」のループを停止する方法

  4. 4

    レスポンシブウェブサイトの一番下にスティッキーなナビゲーションバーを作成するのに問題がある

  5. 5

    セレンのモデルダイアログからテキストを抽出するにはどうすればよいですか?

  6. 6

    Ansibleで複数行のシェルスクリプトを実行する方法

  7. 7

    Python / SciPyのピーク検出アルゴリズム

  8. 8

    tkinterウィンドウを閉じてもPythonプログラムが終了しない

  9. 9

    ZScalerと証明書の問題により、Dockerを使用できません

  10. 10

    Rパッケージ「AppliedPredictiveModeling」のインストール中にエラーが発生しました

  11. 11

    テキストフィールドの値に基づいて UIslider を移動します

  12. 12

    Crashlytics:コンパイラー生成とはどういう意味ですか?

  13. 13

    「埋め込みブラウザのOAuthログイン」を有効にしてコールバックURLを指定した後でも、Facebookのコールバックエラーが発生する

  14. 14

    tf.nn_conv2dとtf.nn.depthwise_conv2dの違い

  15. 15

    CSSはアニメーションで変換および回転します

  16. 16

    BLOBストレージからデータを読み取り、Azure関数アプリを使用してデータにアクセスする方法

  17. 17

    Chromeウェブアプリのウェブビューの高さの問題

  18. 18

    Postmanを使用してファイル付きの(ネストされた)jsonオブジェクトを送信する

  19. 19

    amCharts 4で積み上げ棒グラフの輪郭を描く方法は?

  20. 20

    Officeアドインを使用してOutlookの連絡先のリストにプログラムでアクセスすることは可能ですか?

  21. 21

    Reactでclsxを使用する方法

ホットタグ

アーカイブ