問題タブ [react-rails]

私はこの素晴らしいチュートリアルに従っています: setup-up-react-in-ruby-on-rails-part-1

次のエラーが表示されます: エラー: xxx からモジュール xxx が見つかりません

test-component.es6.js

component.js

このようにセットアップすると動作しますが、TestTwo コンポーネントはプリレンダリングされません (私は prerender:true を使用します)

重要な編集

このセットアップコンテンツでのサーバー編集後、事前にレンダリングされますが、ブラウザでデータが変更されるたびにサーバーを再起動する必要がありますが、ソースビューを開くと古いデータは新しくありません!?.

test-component.es6.js

component.js

TestTwo コンポーネントは単にテキストを返すだけです。

text.html.erbは両方のセットアップで同じです

Win7 64 ビット OS

親コンポーネントのモンスターがあり、そこでモンスター コンポーネントをレンダリングします。

内部モンスター:

....

ブートストラップの列と行、そのブレークがあります。each(3) オブジェクトをブートストラップ行にラップするには、各スライスのようなメソッドが必要です。私は lodash _chunk とカスタムの Array.prototype バリアントを使用しましたが、このループ内では使用できない変数に反応します。

これはスライスごとの関数で、これを作成します。

キャッチされていない TypeError: 未定義のプロパティ 'チーム' を読み取ることができません

誰でも私を助けることができますか？

JSON 応答を返す Rails API コントローラーが既にあります。フロントエンド Javascript (およびモバイル アプリ) で値をレンダリングするために使用されます。

ここで、ReactJS を使用してこれらの値を事前にレンダリングしたいと思います。

/api/v1/products内部およびURL を効率的に呼び出すにはどうすればよいですか/api/v1/user(たとえば、自分のサーバーに HTTP GET 要求を行わずに)。

Ruby on Rails アプリがあります。私の見解では、react-rails gem を使用しています。Google PageSpeed でページ速度を改善したい。私の主な問題は、 Render-Blocking JavaScript を削除することなので、javascript_include_tag ヘルパー メソッドに async: true を追加しました。次に、サイトを更新すると、コンソール内に次のメッセージが表示された空白の白いウィンドウ ブラウザーが表示されます。

私の applicaton.js ファイル:

ブロッキング JavaScript を削除するにはどうすればよいですか?

react-rails gem を使用して、react を Rails と統合していますが、コードをどのように編成すればよいかについて競合しています。

コア html をhtml.erbファイルまたはファイルに含めることをお勧めしjsxますか? 現在、基本的にすべてをコンポーネント化しています。html.erbファイルで行うことは、react_componentヘルパーを使用してそれらのコンポーネントを呼び出すことだけです。たとえばProfileShow.js.jsx、プロファイル ページ用のファイルとEditPost.js.jsx投稿編集ページ用のファイルがあります。

あなたの提案は何ですか？

初めて Rails で React Router をセットアップしようとしています。ルーター上のリンクが機能し、期待どおりにハッシュが変更されますが、レンダリングされません。デバッガーで問題を絞り込んだところ、次のことがわかりました。

• MyRoutes (22 行目、React がルーターを作成する前) には props.children があります。
• アプリ (レンダリング時の 6 行目) には props.children がありません。

何が起こっている？

私はreact-rails gemから始めたばかりで、助けが必要な以下のコードがあります。私の_mounts.js.jsx、

});

私のreact_componentで2つの小道具を渡しています。

@mounts はファイルシステム オブジェクトで、b は配列です。

私の _mount.js.jsx ファイル

});

私の {this.props.det} は、インデックス ie(0,1,2,3) の値ではなく、配列のインデックス値を表示しています。

私はReactの初心者です。どんな助けも大歓迎です。前もって感謝します。

私は使用しており、開始 HTML タグ (つまり: ) と終了タグだけを JSX ファイルの配列 (つまり: )react-railsに渡すことができる必要があります。いずれかを実行しようとすると、またはSyntaxError : unknown: Unexpected tokenというExecJS::RuntimeErrorが表示されます。<form></form>

これは機能しません:

array.push(<form>)

これは機能します：

array.push(<form></form>)

私は React でいくつかのチュートリアルに従ってきましたが、自分でアプリケーションを構築し始めています。コンポーネントに関する状況に遭遇しましたが、このシナリオのベスト プラクティスがあるかどうか疑問に思っています。注意してください、私は反応レールを使用しているだけです。今のところフラックスなどはありません。

ajax を介して値が設定される配列を使用して初期状態を設定し、その配列を初期レンダリングで表示する

これが私がやろうとしていることです:(簡単にするために取り除かれています)

したがって、私がこの権利を持っている場合、物事が実行される順序は次のようになります。

1. ロード時に、getInitialState は叫び声を空の配列に設定します
2. 空の配列のshoutプロパティにアクセスしようとすると、Renderが呼び出されてエラーが発生します
3. ComponentDidMount が呼び出され、Ajax 呼び出しから受信したデータにシャウトの状態を設定します。**ComponentWillMount でこれを実行しようとすると、エラーが発生します **
4. 状態が変化したため、Render が再度呼び出されますが、今回はshouts[0].shout にデータが含まれます。

したがって、ステップ 2 でエラーが発生し、回避策は次のとおりです。

これは私が必要とするのとまったく同じように機能しますが、初期状態の配列値を ajax で設定し、この if ステートメントを実行せずに初期レンダリングでロードするより良い方法はありますか?

ありがとう！

Rails 4 アプリで material-ui コンポーネント ライブラリを使用したいと考えています。現在、react-rails gem を使用して、アセット パイプラインに .jsx コンパイルを追加しています。次のように、gemfile に rails-assets を介して material-ui を追加しました。

そして、次のように application.js ファイルにライブラリが必要です。

ただし、「ファイル 'material-ui が見つかりませんでした」というエラーが表示され続けます。React-Rails gem を使用して Rails アプリで material-ui コンポーネント ライブラリを使用するにはどうすればよいですか?