SPAで外部スクリプトを動的にロードする方法 - Qiita

何をするか SPAで外部から読み込むスクリプトのコード<script>~~~</sccript>をページによって切り替えれるかを調べたのでまとめます。 ↓このような感じです。 react-headerでタイトルを変更する要領で動的にロードさせようとしましたが、発火させることができなかったため以下のような方法を取りました。 サイト全体で使う時はグローバルにおけばいいのですが、使用箇所が限定される場合はこのような使い方をしてみてもいいのかもと思います 構成 PageAとPageBがあり、PageBでのみ外部スクリプトを読み込むこととします。 （外部スクリプトはalert.jsというalertを出すだけのjsを用意しました） . // htmlにrender ├── index.js └── modules //↓react-routerで出しわけ ├── App.js | // ↓PageAの