フロントエンドをreact、バックエンドをruby on railsをAPIモードで行っており、そこに決済システムを導入したいです。

payjpを導入しようと思ったのですが、payjpのライブラリをreactのコンポーネント内で<script>タグを読み込んでも、payjpのインスタンスが使えていない状態です（エラー分として、undefined payjpと出る)。
また、reactアプリ側のindex.htmlにスクリプトタグを書くと、トークンの取得までできていましたが、コンポーネント内では動かずでした。
自分で調べてみると、react内ではscriptタグは普通には使えないらしいのですが、使う方法はあるそうです。

以下のpayjpのガイドをコピーして導入しようとしていました。
https://pay.jp/docs/payjs-guidance

また、決済システムを導入したいだけなので、stripeでの決済でも可です。
よろしくお願いします。

学習のレベルとしては、半年間分のプログラミングスクールのカリキュラム（ruby on rails)を2ヶ月で終え、独学でreactの勉強を始め、1ヶ月ぐらいになります。
APIを使わず、railsとjavascriptでpayjpの導入はできていました。