teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

進捗

2021/01/14 07:34

投稿

yuki_90453
yuki_90453

スコア326

title CHANGED
File without changes
body CHANGED
@@ -27,4 +27,23 @@
27
27
  リロードや2回目にアクセスした場合は、正常に表示されます。
28
28
 
29
29
  問題がある箇所をご指摘頂けないでしょうか?
30
- よろしくお願い致します。
30
+ よろしくお願い致します。
31
+
32
+ #追記
33
+ useEffect内の処理は問題なく実行されているようで、scriptタグの挿入は出来ています。
34
+ ```
35
+ <script src="https://www.line-website.com/social-plugins/js/thirdparty/loader.min.js" async="" defer=""></script>
36
+ ```
37
+ しかし、scriptタグでロードした内容が実行されていないようです。
38
+ デベロッパーツールのコンソールには一切エラーやwarningの出力がありません。
39
+ 処理内容は、line-it-butttonクラスのdivをiframeに置き換える処理のようです。
40
+
41
+
42
+
43
+
44
+ リロードや2回目のアクセスでは問題なく表示されるので、現状下記のようにして対処しています。
45
+ ```
46
+ <div className="line-it-button" data-lang="ja" data-type="friend" data-lineid="hoge" >
47
+ 友達追加ボタンが表示されない場合、リロードしてください。
48
+ </div>
49
+ ```