2019LPなんか作るときにこういったSNSボタンを埋め込むことがあります。Reactのサイトで埋め込もうと思ったらReactのライフサイクル上でscriptの読み込みなどを発生させる必要があるので、少し面倒なところがあります。LINEの友だち追加ボタンの埋め込みコードは↓ここから取得できます。Plugins今回はこのボタンを埋め込みます。埋め込みコードはこんな感じ。scriptタグがあるので、div要素がちゃんとマウントされた状態でscirptを読み込む必要があります。HelmetはReactでheadタグが記述できるライブラリです。/></Helmet>これだとdiv要素のマウント後に読み込まれるかどうかが担保されないかもしれないのでまずそうです。scriptタグを読み込ませる結局、useEffectを使った方法でscriptを読み込ませることにしました。wrapperはボタンを囲う親要素のrefです。useEffectの第二引数を[]にするとComponentDidMount相当の挙動になるのでdiv要素のマウントが担保されます。[]);SPAに対応させるこれだと他のページで同じコンポーネントを使っている場合、ページ遷移したときにscript内の関数が呼ばれないのでボタンが正しく表示できません。結局、scriptのコードを読んで呼び出している関数を呼ぶという泥臭い感じで実装しました。kwst.site.。