質問: ### 前提・実現したいこと 現在、Monaca CLIを使用してOnsenUI + React + reduxで開発を進めています。 そこで質問なのですが、React上でCordovaプラグインを使用するにはどうすればよいでしょうか? 当方、Monaca及びハイブリットアプリの作成は初めてのため、稚拙な質問とは心得ますが、 ご回答いただけると非常に助かります。。。 ### 該当のソースコード ``` import React from 'react' import { connect } from 'react-redux' import App from '../component/app' import Action from '../action/app' function mapStateToProps(state) { return state } function mapDispatchToProps(dispatch) { return { doPlus(){ console.log(device.version) dispatch(Action.increment()) }, doMinus() { dispatch(Action.decrement()) } } } export default connect(mapStateToProps, mapDispatchToProps)(App) ``` ### 試したこと ひとまず端末情報を表示しようと思い、npmにて「cordova-plugin-device」を取得し、 http://docs.monaca.io/ja/reference/cordova_6.2/device/ を参考にReactのコード上で console.log(device.version) など実行してみましたが案の定、未定義といって怒られてしまいます。 ### 補足情報(言語/FW/ツール等のバージョンなど) Monaca CLI Onsen UI + React + Redux + cordova plugin なお、同様の質問をStackoverflowにも投稿しています。
回答: 自己解決しました。 まず、実際の端末(Android, iOS)でないとうまく動作しません。 monaca serveなどのブラウザ検証ではdevicereadyのイベントが発火しませんでした。 Rippleなどを使用する必要があります。 monaca debugなどで実機端末だと問題なく使用できました。