jQueryのメソッドは関数コンポーネントで使えますか？

Next.js,microCMSで作成したJAMstackのブログにシンタックスハイライトを導入したいと思っており、参考になるサイトを探していたらこちらの記事を見つけました。

上記記事ではNuxt.jsでの実装例がありますが、Next.jsでも応用できないかと挑戦してみましたが出来ませんでした。

色々考えていたところ、下記のコードが動いていない？

$('pre code').each((_, elm) => {
  const result = hljs.highlightAuto($(elm).text());
  $(elm).html(result.value);
  $(elm).addClass('hljs');
});

と行き着いたので、調べてみたら＄.each(); はjQueryのメゾットと気付きました。

jQueryのメソッドは関数コンポーネントでも使えますか？

jQueryもnuxt.jsも知らない初心者です。

色々不足していると思いますが、どなたかご教授お願いいたします。

m.ts10806

2021/02/11 10:41

表記のブレが見えますが Methodなのて通常はメソッドです。あと、jQuery本体は読み込ませているのでしょうか。

tanitanitani

2021/02/11 12:06

回答ありがとうございます！表記のブレとはコードが足りないという事でしょうか？意図が分からず申し訳ないです。。上記コードで使用されている＄.each()を調べたところ、上位結果に「jQueryのeach()メソッド〜」が多数表示されたので「＄.each()」←こちらはjQueryでしか使えないメソッドなのかな？と初心者の私は考えました。上記リンクではnuxt.jsで「＄.each()」を使用しているため何故かと思い、調べたところnuxtではnuxt.config.jsの設定でjQueryを使用できるようになる。と知り、「jQueryのeach()メソッド〜」を使用するには何かしらの設定「nuxtではnuxt.config.jsの設定」をする必要があるのかな？と考えました。私が知りたいことは、nuxtで「＄.each()」を使用する場合、jQueryを使用できるようにする設定を行う必要があるのか？ないのか？です。質問の意図が分かりにくく申し訳ないです。。どうか宜しくお願いいたします。