問題タブ [react-rails]

このチュートリアルとこのリポジトリに基づいて、、、、およびを使用してサーバー側レンダリングを使用してflux、Ruby on Rails でアプリを作成しようとしています。これまでのところ、単純な 2 レベルのルーティング構成を作成することができました。適切なハンドラーがレンダリングされているため、問題なく動作しているようです。問題は、ルート URL ( ) 以外のすべての URL でルート ハンドラー (私のアプリ コンポーネント) が無視されていることです。すなわち:react-railsreact-router-railsbrowserify/

私routes.js.jsxはこのようなものです：

そして、私がに行くたびに/、App --> Loginレンダリングされます。しかし、 または に移動すると、/loginまたは/scrappingのみがそれぞれレンダリングされます。LoginScrapping

なぜこれが起こっているのでしょうか？どこを見ればいいですか？ここにレポ があります。ご協力ありがとうございます。

少し一般的な質問で申し訳ありません。gemを使用して Ruby on Rails および React.js ベースのアプリに取り組んでおり、react_railsJS ファイル全体でモジュールを要求する機能が必要な段階に達しました。

私は見つけることができるすべての例を試しましたが、module.exports = 'XXXXX'.

誰かが堅実な作業例の方向に私を向けることができるか、またはreact_rails宝石を使用してこれを許可する最良の方法を説明できるかどうか疑問に思っていましたか?

これは、react-rails を使用した ruby​​ on rails で使用します。

私のアプリでは、ajax を使用して HTML 応答を取得したいと考えています。

<%= react_component('Post') %>

ポスト コンポーネント:

それを App コンポーネントにアタッチします。

しかし、その後は失敗し、次のように表示されます。

<div data-react-class="Post" data-react-props="{}"></div>

既に post.js app.js を index.html に追加しています。これをDOMにマウントするにはどうすればよいですか。感謝.....

私はこのトークを見てきましたが、現在、react コンポーネントを使用して (チャットで) メッセージのリストを表示しようとしています。したがって、2つの反応コンポーネントがあります。

1) 基本的にメッセージの小道具 (dateTime、userName、および body) を持つ「メッセージ」コンポーネント。

});

2) すべてのチャット メッセージをリストする ul である「メッセージ」コンポーネント

私の見解では、これは私が持っているものです:

複雑すぎることはありません。問題は、「メッセージ」コンポーネントの属性を変更する方法がわからないことです。たとえば、メッセージのフォーマットを変更したい場合 created_at 属性? それとも、モデルメソッドに基づくユーザー名ですか? これらの「小道具」をコントローラーからのjsonで解析する必要がありますか?

React が自分の Rails アプリでどのように機能するかを理解しようとしています。提案や情報を遠慮なく残してください。前もって感謝します

現在、react-rails gemおよびgeocomplete gem で Rails 4 を使用しています。

Reactjsを使用するようにフロントエンドを変更するまで、すべてうまくいきました。いくつかの文字を入力すると、オートコンプリート リストが表示されます。場所を選択しましたが、自分の州に表示される文字はわずかです。例: 「bir」と入力すると、「バーミンガム」のリストが表示されます。「イギリス、バーミンガム」を選択すると、「bir」しか保存されないのはなぜですか?

js.jsx:

少数の文字を入力しても、選択したときに文字列の完全な値を取得するにはどうすればよいですか?

私のアプリでは、人々はペットの画像にコメントできます。かなりの数を変更しましたが、ここからの反応例を使用しています。

現在、既存のコメントの表示に成功しています。ここで、ユーザーがコメントを作成するときに、コメント本文、ユーザー ID、およびペット ID を渡す必要があります。私は次のことをしようとしていました：

どうやら、エラー メッセージが表示されているため、pet_id が正しく渡されているようには見えません。

私の CommentsController は次のようになります

さらに明確にするために、Pets、Users、Comments の 3 つのモデルがあり、ユーザーがコメントを作成すると、コメントはパラメーターとして user_id と pet_id を取得します。

編集：

私の反応コンポーネントは次のようになります

私のPetControllerは次のようになります