問題タブ [template-literals]

ES6 テンプレート リテラル変数をレンダリングしようとしています。

コンテキストを含む文字列テンプレートを、ES6 テンプレート リテラル機能を使用して書式設定された文字列に変換する方法はありますか?

いくつかの SQL 文字列を JSON ファイルに保存したいと考えています。これは、JSON ファイルが私の理想の世界でどのように見えるかです

明らかな制限は、JSON と JavaScript が複数行の文字列をサポートしていないことです。

私はこれを避けたい：

私はこれを行った男を見ましたが、これも理想的ではありません:

そして、通訳プログラムでmyMultilineStringInArrayForm.join("\n").

次のように、テンプレート文字列がそのような目的で機能している（または将来的に機能する予定である）という情報を誰かが持っているかどうか疑問に思っていました。

ES6 のテンプレート リテラルのようにバッククォート ( `) を使用していることに注意してください。明らかに、変数の補間は保存された JSON では機能しませんが、このリテラルの複数行の機能は私が興味を持っているものです。

この質問は、この 6 年前の質問に似ていることに注意してください: JSON の複数行の文字列

`その構文が計画されていたのか、それともその時からすでに機能しているのかを知りたかったので、もう一度尋ねました。

これについての助けに感謝します

ES6/ES2015 JavaScript で Unicode 漢字を出力したい場合は、次のようにします。

同様に、変数をテンプレート文字列リテラルに補間したい場合は、次のようにできます。

ただし、2 つを組み合わせて、たとえば 40 個の連続する Unicode 漢字のリストを出力することはできないようです。これは機能しません:

そこで、何か方法はないかとお尋ねします。

次のようなテンプレート リテラルを作成しています。

そして、私の Koa アプリでは、次のことを行っています。

このエラーが発生するため、明らかに複数行の文字列が好きではありません。

TypeError: 引数の値が無効です

これを回避する方法はありますか？私の場合、空白形式を維持することはかなり必要です。

02dだから私は現在、文字列であり、数字で始まるアイコンコードを返すweatherAPIを持っています01d, 01n, 04d, など. 私がどのようにそれをやろうとしているのかを説明させてください。そうすれば、これを処理するためのより良い方法があるかどうかがわかります。

簡単にするために、API からの応答をdumb component. weatherIcons次に、すべての svg コンポーネントを含むフォルダーを作成しました。

私の場合、次のようなフォルダーのDumbComponent.js下にあるインデックスファイルを介して、すべての svg コンポーネントを要求しています。weatherIconsimport * as Icon from '../common/svg/weatherIcons';

フォルダー内のindex.jsファイルは、次のweatherIconsような各コンポーネントを提供します。

DumbComponent.jsこれにより、これらのファイルを my like:内のメソッドとして呼び出すことができますIcon.01d()。src/components/weatherIcons/01d.js'. As you know though, this WON'T actually return that file, because a method cannot start with an integer and thus my dilemma. Nor can I give a name ofこれにより、 01d ,02d ,01n like I did in myweatherIcons/index.js` ファイルの svg コンポーネントが返されます。

私の思考プロセスは、文字で始まる名前の間隔を与えることでした:

次に、API 応答からのコードを関数として補間してみてください。Icon.code${apiRESPONSE}(). これをどのように行うことができるか、またはこの現在の状況に対するその他の回避策についてのアイデア。

ps。react-svg私は他のsvgインポーターを調べましたが、svgをhtmlとしてパスを介してインポートするアプローチを採用しないことを好みます。

私はすでに 3 日間この問題を解決しようとしてきましたが、バックティックを使用した文字列の構文を強調表示する拡張機能が見つからないようです (この種の文字列の一般的な用語はわかりません)。しかし、この種の文字列の構文の強調表示を有効にする拡張機能がない場合、構文の強調表示を可能にする vscode の設定はありますか?