Webアプリケーション Javascript React.js ${...}で表されている物をどう解釈すれば良いかが分からない

フロントエンドというかjavascriptのことで質問です。

以下のコードをご覧ください。

js
1export const constants = {
2  BACKEND_URL: '${BACKEND_URL}',
3  ...
4}

おそらくconstantなものを集めたファイルだと思うのですが、'${BACKEND_URL}'の部分は

どこからか自動的にURLが入ってくる変数のようなもの
環境に合わせて自分で書き換えなければならないもの

のどちらかだと思うのですが、どちらが正しいのでしょうか？
当方、DjangoとExpressを齧った程度です。
宜しくお願いします。

m.ts10806

2018/08/15 09:28

タイトルには要件を書いて下さい。 https://teratail.com/help/question-tips#questionTips3-1 タイトルから質問内容が想像できないもの、タイトルと質問内容が食い違っているものはスムーズな回答を得られなくなります。

set0gut1

2018/08/15 12:19

質問だとシングルクオートで囲われてますが、もしかしてバッククオートではないですか？バッククオートは文字列内の変数展開の意です。

_Victorique__

2018/08/15 13:11

シングルクオートでした。となるとこれは自分で環境に合わせて書き換えなきゃいけない感じでしょうか？

set0gut1

2018/08/15 13:14

ここを見る限り自分で書き換えるやつっぽいです。どこかで置換してる可能性もなくはないので、念のためソースコードのルートディレクトリで `grep -r BACKEND_URL .` して調べると良いと思います。

行動規範の内容に同意します

回答1件

ベストアンサー

そのファイルは設定ファイル的な位置づけのものですね。
自分で実際の値に書き換えるという認識で間違いなさそうです。

似た記法として、`${BACKEND_URL}`とバッククートで囲って書くと変数 BACKEND_URL の内容が展開された文字列になるのですが、今回は間違いなくシングルクオートとのことなので違います。
（そもそも変数展開せずに単に BACKEND_URL と書けば良いケースなので、タイポってこともなさそうです。）

'${BACKEND_URL}' という文字列を別の箇所で文字列置換するソースコードを前に一回だけ見たことがあります。
可能性低いと思いますが、ソースコードのディレクトリで grep -r BACKEND_URL . すると、文字列置換されてないかどうか確認できて安心できるかと思います。

投稿2018/08/15 13:30

set0gut1

総合スコア2413