問題タブ [tagged-templates]

API からいくつかのデータをフェッチし、返された要素ごとに次のコードを実行しています。

ブラウザーが「コンテンツ」変数内の HTML タグを理解して解析することを期待していましたが、これはブラウザーで得られるものです。

明らかに私が間違っていることがあります。ブラウザが HTML タグを理解し、期待どおりにフォーマットするにはどうすればよいですか?

ありがとう。

GraphQL クエリを使用した String 変数があります。これを gql タグに返す関数を書きたいと思います。書くのを手伝ってくれませんか。例えば：

入力：

出力：

似たような質問がたくさんありますが、自分の状況にどのように適用すればよいかわからなかったので、具体的に説明しようと思います。たとえば、非常に長いタグ付きテンプレート リテラルがあります。

もちろん、コードベースにそれほど長い行を入れたくないので、分割したいと思います。を使用するなど、長い (タグなし) テンプレート リテラルを分割するための多くのオプションがあります+。これを使ってみたのですが、操作の優先順位がめちゃくちゃです。私が使用する場合

その場合、タグは にのみ適用されmyます。私が試してみると（プラスの有無にかかわらず）

タグの機能が機能しなくなりました。健全性チェックとして、ブラウザ コンソールを開いて定義しました。

これを通常の構文でタグとして使用すると、入力文字列が出力されます。括弧を使用すると、入力文字列の最初の文字が出力されます。だから私はそこで何が起こっているのか分かりません。

使うことができます

しかし、それでは 2 行目をインデントできません。これは、長い行と同じくらい悪いことです。

これを考えると、長いタグなしテンプレート リテラルをタグ付きテンプレート リテラルに分割する方法を適用する方法がわかりません。

関連する場合に備えて、私が使用している関数tはライブラリttagのタグです。

文字列を分割するこの本当にクールな方法を見つけましたが、なぜそれが機能するのかわかりません。誰か説明してください。.split("") の代わりに .split``

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#Tagged_templates

これは上記のリンクのコードです。

Exp 接尾辞と、相関接頭辞を使用して変数を呼び出す方法に関連するドキュメントはありません。どこで詳しく学べるか、ここで何が起こっているか知っている人はいますか?