問題タブ [react-on-rails]

Rails エンジンとアプリケーションの開発にreact_on_railsを使用しています。

単一のコンポーネントを持つ Rails エンジンを作成しました - NewComponent. これは、react_on_rails を使用します。これは、Rails エンジンのダミー アプリケーションを介してテストされています。ダミー アプリケーションにコンポーネントをインポートして登録しました: /new_engine/test/dummy/client/app/Index.jsx:

上記はダミーアプリで完全に機能しました。そして、この登録済みコンポーネントをビューでさらにレンダリングすることができました。

今、私はこの反応コンポーネントを本格的なアプリケーションでマウント可能な Rails エンジンとして使用しています。アプリケーションに登録できるように、このコンポーネントをインポートするにはどうすればよいですか? ダミー アプリケーションでは、コンポーネントをインポートするための相対パスを指定できました。このような相対パスは、gem を使用している間はアプリケーションで使用できません。

これに対する回答をオンラインで確認しましたが、エンジンを使用した react_on_rails に関するドキュメントは非常に少ないようです。

render 関数からコンポーネントに値を渡そうとしています:

Routes.jsx

App.jsx (コンポーネント)

この完全な流れに対する首尾一貫した答えはないようです。

私は次のことを試しました：

しかし、これは最初のレンダー呼び出し (react_component) によって提供される値を取得するという質問にはまだ答えていません。

レールで反応するためにreact_on_rails gemを使用しています。React select コントロールにreact-selectを使用しようとしています。しかし、インポートして使用すると:

しかし、CSSが適用されていないようです。Chrome コンソールで表示すると、適用される CSS が表示されません。

ライブラリの反応コンポーネントの一部のアセットでは、react_on_rails が機能しないと思います。方法を教えてください。

初めてのreact/redux/railsアプリをセットアップしようとしています。私は current_user と gyms の小道具を渡すために react_on_rails gem を使用しています。

コンソールにエラーが表示されることを除いて、これまでのところすべて正常に動作しているようです。

グーグルは、レンダーメソッド内でストアを作成しようとすると、これが発生する可能性があるというヒントを与えてくれます。これにより、ストアが再作成されます。ここではその問題は見られません。どこが間違っていますか？

../store/gymStore.jsx

レンダリングされたコンポーネントが必要かどうかはわかりませんが、必要な場合:

Meals#index ページで、表示されたマップの境界内にあるすべてのレストランをレンダリングするマップを表示したいと考えています。(各食事はレストランに属します。マップは実際に食事のリストとともに表示されます。AirBnB 検索ページのように、アパートではなく食べ物が表示されます)

Rails から React にデータを取得しようとすると、次のエラーが発生します。

不足しているキーワード: min_lat、max_lat、min_lng、max_lng

Map.js

食事_コントローラー.rb

models/restaurant.rb

食事/index.html.erb