問題タブ [react-rails]

私はreact-rails gemを使用しています。ブラウザの戻るボタンを押して前のページに移動するまで、すべて正常に動作します。以下のエラーが表示されます。

エラー: 不変違反: addComponentAsRefTo(...): ReactOwner のみが参照を持つことができます。これは通常、所有者を持たない (つまり、別のコンポーネントのrenderメソッド内で作成されていない) コンポーネントに ref を追加しようとしていることを意味します。ref を保持する新しい最上位コンポーネント内でこのコンポーネントをレンダリングしてみてください。

ブラウザの戻るボタンを押すか、キーボードを押してページを戻ると、同じエラーが発生します。私を助けてください！

(prerender = true) を使用したかなり標準的な React-Rails アプリがあります (このチュートリアルとそれに付随する repoに従います)。現在、Devise gem を使用してユーザーを実装しています。ただし、ログインに成功し、ユーザーがホームページにリダイレクトされた直後 (Devise のデフォルトと同様に、そこには変更を加えていません)、ユーザー セッションは保持されません。 user_signed_in? によると、到達しましたか? deviseが提供する機能。

助言がありますか？

反応のための私のレール構造を示す画像

多くの反応コンポーネントがあり、それらをより適切に整理したいと考えています。だから私は本題に切り込み、ただ尋ねます。反応コンポーネントをディレクトリに配置することは可能ですか?もしそうなら、ビューや他の反応コンポーネントでそれらを選択するにはどうすればよいですか?

私はすでに以下のようないくつかのバリエーションを試しましたが、成功せず、単に不可能ではないかと恐れていますか? これに関するドキュメントも見つかりません。

編集: 明確にするために、私は典型的な Rails プロジェクト構造を使用していることを明確にしたいと思います。

Edit2:さらに明確にするために、私が求めているのは、ディレクトリごとに反応コンポーネントをターゲットにする方法です。

各ディレクトリは「コンポーネント」のサブディレクトリになります。

私はこのチュートリアルを進めていますが、Records コンポーネントを変更してReact.createElement RecordForm, handleNewRecord: @addRecord2 つの DOM レンダリングの間に追加するまでは問題ありませんでした。干渉し、DOM のレンダリングをまったく妨げているようです。

コンポーネントは次のとおりです。

コンソール エラーには、「Uncaught ReferenceError: RecordForm が定義されていません」と表示されます。はい、そうです。それは次のとおりです。

何を与える？

私はgemで使用coffeescriptしています。react-railsではmeasure.js.coffee、コーヒー コードにスパンは存在しませんが、HTML が描画されると、謎のゴースト スパンが表示されます。以下は、それによって生成されたコードと HTML のスクリーンショットです。

私のコードでは、 と の間carousel-mImagesにスパンはありませんmtag-images。のせいかreactCSSTransitionGroup = React.createFactory(React.addons.CSSTransitionGroup)

次のように、for ループ変数を引数として coffeescript の onclick メソッドに渡そうとしています。

ただし、option_value常に in の最後の値を参照しoption_valueます@state.option_values。これをプレーンなJavaScriptで修正する方法を知っています。しかし、コーヒーでこれを修正する方法は？

私のレールプロジェクトには2つのJSONファイルがあります

index.json.jbuilder

および_restaurant.json.jbuilder

index.html.erb でコンポーネントをレンダリングするとき

このエラーが発生します。

Nameレストランのエラー#index

何か案が ？

私がしたいこと ？

Railsモデルのreact.jsコンポーネントを含むRailsビューファイルデータを表示したくありません。

私は何を持っていますか？

これらの宝石をインストールしました

私がしたこと ？

新しい Rails プロジェクトを作成しました。react-rails gem をインストールし、rails-admin gem をインストールして、次のタイプの新しいコントローラーを作成しました

rails g scaffold 投稿タイトル:文字列 本文:テキスト

そして、レール管理者の投稿から追加できます。すべて問題ありません。

私のコントローラーは次のようになります:

ここに私のviews/posts/index.html.erbファイルがあります

ここに views/posts/index.json.jbuilder ファイルがあります

ここに views/posts/show.json.jbuilder ファイルがあります

ここに私の反応コンポーネントファイル assets/javascripts/components/post_list.js.jsx があります

だから私はどこが間違っているのか理解できません。json から index.html.erb にデータを取得できません。どうやってやるの？私が立ち往生していて、インターネット上で理解できるものが何も見つからないのを助けてください

ES6 を使用して React-Rails アプリを作成していますが、コントローラーからコンポーネントに (およびその逆に) データを渡すのが困難です。

私のアプリには、新しく作成されたレコードをレコード コンポーネントにプッシュするレコード フォームが含まれています。

私の Records コントローラー内のコードは次のとおりです。

Records コンポーネントのコードは次のとおりです。

レコード フォーム コンポーネントのコードは次のとおりです。

Record コンポーネントのコードは次のとおりです。

このコードを実行すると、Records コンポーネントの render メソッドに関して次のエラーが表示されます。

キャッチされていない TypeError: 未定義のプロパティ 'map' を読み取れません

この質問が長くなって申し訳ありませんが、私はしばらくの間それに取り組んでおり、率直に言って当惑しています。

なぜこれが機能しないのか、誰にも分かりますか? 誰でもできるアドバイスをいただければ幸いです。ありがとう！