【TS】今さら聞けないタグ付きテンプレートリテラル

const data1 = "test"; const data2 = "てすと"; hoge`ほげほげ${data1}ふがふが${data2}` これは 「タグ付きテンプレートリテラル」 と呼ばれるもので、実態としてはhogeという関数を呼び出しています。 よく見かけるのがReactやReactNativeでstyled-componentsを使っている時だと思います。 今回はこの「タグ付きテンプレートリテラル」について、内部的にどんな挙動をしているかや、どんな時に使うかをTypescriptのサンプルを交えて解説していこうと思います。 テンプレートリテラルとは タグ付きの話をする前に 「テンプレートリテラル」 についておさらいします。 テンプレートリテラルはES2015で追加された機能で、文字列中に変数を組み込む際に使用します。 通常、シングルクォートやダブルクォートで文字列を扱うかと

[ryosuke-fujii]

たしかにstyled-componentsで使われてたな。hoge`ほげほげ${data}`