monaca × reactにおけるURLスキームについて

Question

実現したいこと

・URLスキームを使用し、monacaで作成中のreactアプリへデータを受け渡したい。

#現状
reactなしでのURLスキームを使用したデータの受け渡しはうまく出来ました。
https://press.monaca.io/atsushi/248

reactありでURLスキームを行おうとするとhandleOpenURLが実行されません。
下記を参考にしてみました。

https://qiita.com/sekitaka_1214/items/5fcc7845fc7db30a491f

※Linking.addEventListener部分をどうすればどうすればよいのかイマイチわかっておりません…

環境

Monaca
Cordovaバージョン:9.0.0
cordova-plugin-customurlscheme

お知恵を拝借させてください。

Answer 1

Reactで参考にしているのがWebのReactではなく、スマートフォンアプリを作るためのReact Nativeになっています。似ていますが別用途で使うものなのでご注意ください。

WebのReactであれば、handleOpenURLが呼ばれるんじゃないかと？

Comments

[kazu-watanabe]

ご回答ありがとうございます。
また、ご説明ありがとうございます。

web reactでhandleOpenURLの読み出しがうまく行かなかったのですが、
書き方または記述場所が悪かったのでしょうか？

場所としては最初に起動するコンポーネントに記述しております。

[moongift]

場所がよくない可能性があります。Reactのコンポーネントが読み込まれる前にhandleOpenURLが実行されているのではないでしょうか。index.html内にscriptタグを書いて、そこにhandleOpenURLを記述すると呼ばれるかも知れません。

[kazu-watanabe]

読み込み場所等変更し、うまくいきました。
ありがとうございます。