問題タブ [react-rails]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ruby-on-rails-4 - React-Rails: 翻訳された I18n でコンポーネントを使用する
プロジェクトの gem に追加しましたが、react-rails翻訳されたコンポーネントに使用したいと考えています。
プリコンパイル済みのアセットerbテンプレートを挿入することはできませんが、それでもコンポーネントを作成し、すべてのプロジェクトで使用できるようにしてから、一部の翻訳で部分的に使用しようとしています。
作業シナリオ
望ましいシナリオ (機能しない)
問題はコンポーネントの定義の範囲に関連していると思いますが、コンポーネントを部分的に使用できるようにする方法がわかりません。
前もって感謝します
編集
翻訳を利用できるようにするために、gem I18n-js. インストール後、rake タスクを簡単に実行して、config/locales/*翻訳の js バージョンを作成できます
javascript - Rails アセット パイプラインで webpack を使用する
レールとスプロケットで webpack を使用しています。React は gem react-rails を介して追加されます。エラーが発生し続けます
したがって、私の挨拶ファイルapp/assets/javascripts/components/main.jsxおよびgreet.jsxからまだ読み取っているという事実は、私にとって問題のようです。 bundle.js ファイル。
私のレールビューは次のようになります: app/views/home/index.html.erb
アプリ/アセット/javascripts/コンポーネント/main.jsx
アプリ/アセット/javascripts/コンポーネント/greet.jsx
私の Webpack ファイルは次のようになります: webpack.config.js
そして私のapp/assets/javacsripts/application.js
インポートとエクスポートの呼び出しを削除すると正常に動作しますが、私がフォローしているチュートリアルではそれらを使用しています。componentsディレクトリを削除し、 bundle.jsファイルのみを必要とすると、react-rails からエラーが発生します。
呼び出しのインポートとエクスポートを認識させる方法に途方に暮れています。ES6に関するものであることは知っていますが、webpackがそれを解決するはずだと思っていました。
ブラウザのネットワーク タブで、greet.jsx、main.jsx、および bundle.js がすべて呼び出されています。
ruby-on-rails - 検索ボタンが押されたときにajax 'get'呼び出しを使用するバックエンド(レール4)のフォームからユーザー入力を取得する
だから、私はこのような React-Component (search_alerts.es6.jsx) を持っています
get メソッドの呼び出しを担当する ajax 呼び出しは次のようになります。
私のroutes.rbで、私はこれをやっています
そして私のalerts_controllerで
検索のために、私はalert.rbでこれをやっています
このようにURLにクエリを渡すと、
たとえば、郵便番号が117から始まるすべてのアラートをjsonとして返し、反応コンポーネントがそれを取得して適切に表示しています。私の質問は、ユーザーが検索フォームにキーワードを入力したときに検索を機能させる方法ですか? スタックオーバーフローの他の例を試しましたが、うまくいきませんでした。何かが足りないことはわかっていますが、何がわかりません。ありがとう！
ruby-on-rails - どのソースにも json-1.8.1 が見つかりませんでした
反応レールを使用してプロジェクトを行っていますが、実行すると
私は得る
具体的には、これはエラー全体です
これについてstackoverflowにさまざまな投稿があり、ほとんどの「解決策」を試しましたが、どれもうまくいかないようです。私も実行しました
それは私がjson gemを持っていると言います
私は春を止めようとし、宝石とバンドラーを更新しました。私も走ってきました
無駄に、まだこのエラーが発生しています。どんな入力でも大歓迎です。
ruby-on-rails - React-rails-不変違反: traverseParentPath(...): setState で同じ ID エラーとの間をトラバースできません
したがって、基本的に私のエラーは this.setState で発生します。ありがとうございます。トラバース パス エラーは、Rails と統合した場合にのみ発生します。通常の反応で完璧に動作します。反応レールを使用すると、このエラーが発生します
reactjs - Rails の reactJS を使用した select のプリロード オプション
React を使用してオプションを動的にロードすることにより、選択を実行しようとしています。
私のフォームコンポーネント:
ユーザー オプション コンポーネント:
ページを試してみると、javascript が壊れて (何も読み込まれません)、エラーが発生します
コールバックでロードしようとするとcomponentWillMount、同じエラーが発生します +
Uncaught TypeError: Cannot read property '_currentElement' of null
react-railsジェムを使用しています。
奇妙なことは、success calllback 内でデバッグするときに setState を手動で呼び出してから、connectionsそれらが更新されていることを確認することですが、Uncaught TypeError: Cannot read property '_currentElement' of nullとにかく取得することです
どんな助けでも大歓迎です。私はReactを初めて使用するので、些細なことかもしれません。
ruby - 反応コンポーネント+ capyparaでクリックが機能しない
アイコンをクリックすると状態が変化し、アイコンの代わりに入力を入れる反応コンポーネントがあります。
私のテストでそれをシミュレートしようとすると、カピバラを使用してコンポーネントは変わりません。
カピバラが原因で、コンポーネントでクリックが機能しない可能性はありますか? それとも、反応するコンポーネントなので機能しませんか?
成分：
テスト：