EatSmartシステム部ブログ

ウェブサイトの開発や運営に関する情報です。

Reactのオブジェクトから、呼び出し元のJavaScriptを実行する

サービス内で、ページ内の一部の機能をReactで実装することがあります。 完全に独立した機能であれば、単体でReactの実装をすれば良いのですが、元ページにある要素と連携させたい場合があります。 その場合は、以下のように呼び出し元ページのJavaScript関数を呼び出すことで実現できます。

例えば、change_ymdという関数を呼び出したい場合、windowオブジェクトを使って、

const win: any = window;
win.change_ymd(arg1,arg2,…);

で実現できます。

簡単ですが…。