問題タブ [react-on-rails]

ページを切り替えたい場所を取得する際にReduxストアに問題があり、react_on_rails正しく機能しません。ページを変更したりリロードしたりすると、redux ストアが失われます。また、私が入れたコードの山で申し訳ありませんが、他に何も、またはそれを修正する方法を本当に知りません. react_on_railsand redux の公式ドキュメントは役に立ちませんでした。誰かがそれを機能させる方法の手がかりを持っている場合は、事前に感謝します

rootStore.js

レデューサー/index.js

私が魔法をかけようとしているコンポーネント

私のエントリーポイント

私のレイアウトアプリケーション

React on Rails アプリ、特に React 部分に関してはまったく新しいものです。Rails サービスの SQL クエリから与えられたネストされたハッシュのデータにアクセスしようとしています。まず、これは可能ですか？

Rails コンソールで、id によって user1 が既に見つかっているとします。LedgersService.transactions(user1).first はすべてのデータを次の形式で返します。

{:transactable=>{:type=>"入金", :id=>"28cba04f-5b9d-4c9c-afca-b09a6e0e8739", :user_id=>"72700244-e6b0-4baf-a381-c22bfe56b022", :transacted_at=> "2019-03-12 19:04:48.715678", :amount_cents=>15, :notes=>"none", :processor=>nil, :details=>nil}, :ledgers=>[{:entry_type=> "credit", :amount_cents=>15, :transacted_at=>"2019-03-12 19:04:48.715678", :user_id=>"72700244-e6b0-4baf-a381-c22bfe56b022", :transactable_type=>"預金" 、:transactable_id=>"28cba04f-5b9d-4c9c-afca-b09a6e0e8739"}]}

React コンポーネントで同様のことを実行してデータを取得しようとしていますが、LedgersService.transactions 部分を設定する方法がよくわかりません。これは私が現在持っている方法です：

私のエンドポイント呼び出し:

私のレンダリングのさらに下：

apiService での私のフェッチ:

console.log(ledgers_service.transactions(this.state.user.id)) を実行すると、ledgers_service.transactions が関数ではないというエラーが表示されます。console.log(paginator.count) は機能しましたが、これはトランザクションが配列に設定されているためですか?

Rails コンソールから取得したのと同じエンドポイントを React コンポーネントで取得する正しい方法は何ですか?

Rails/Webpacker/ReactOnRails アプリケーションを webpack 4 にアップグレードしようとしていますenvironment.splitChunks。それはこのコードを配置しています：

私のバンドルで。これは私のサーバー側のバンドルであるため、window存在しません。このバンドルを webpackJsonp の追加から完全に除外する方法はありますか?

これらの2つの構成を試しました：

と

どちらも同じ結果に終わります。を含めない場合splitChunks、私のコードは正常に動作します。

私も試しました：

と

私はそれらの 1 つがそれを、チャンクされず、ダイスを持たない独自のグループに入れるだろうと考えました。

現在、reactJs + Symfony 4.3 + WebPack スタックで問題が発生しています。「ReferenceError: window is not defined」というエラーが表示されます 以下は、package.jon、composer.json、webpack Config、コントローラー symfony のコードです。

これが私のComposer.Jsonです

これが私のPackage.Jsonです

これが私のwebpack.config.jsです

私のテンプレート小枝

発生したエラー (react_component 命令が原因) がここに添付されています。

解決策や追跡を教えてくれる皆さんに感謝します

心から