問題タブ [react-rails]

ローカル サーバーを起動するとエラーが発生しますrails s

エラーメッセージ：

コンパイル ((execjs):6633:19): SyntaxError: [stdin]:5:10: 予期しない . (ExecJS::RuntimeError)

my の6行目application.html.erbが強調表示されます。

<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>

Gemfile

オブジェクトのレンダリングに react-rails gem を使用してい@recordsます。

app/assets/javascripts/components/records.js.coffee内

このエラーメッセージが表示される理由を知っている人はいますか?

反応アプリサーバー側をプリレンダリングしようとしていますが、問題に遭遇しました:require('algoliasearch')私が得るとすぐにReferenceError: XMLHttpRequest is not defined

faux-jaxを使用してモックしようとしましたが、結局XMLHttpRequest、それが正しいTypeError: Cannot read property '0' of undefined方法だとは思いません。

この問題について何か考えはありますか？

react_componentRailsプロジェクトで使用しています。react.jsこれにより、コンポーネントのラッピング div が挿入されます。

私が本当に必要としているのは、このラッピング div にスタイル情報を挿入して、次のようにコンポーネントが適切に配置されるようにすることです。

それを行う適切な方法は何ですか？

現時点では、次のように .erb ファイル内でコンポーネントをレンダリングします。

このコンポーネントには、次を使用する機能がありますpromised-xhr。

this.setState({number: response.body.number)}thisはもはやコンポーネントではないため、機能しません。React.findDOMNode(this.refs.myComponent)コンポーネントを見つけて新しい状態をトリガーするために使用する予定です。

ただし、 を使用しreact_componentて ref を Counter コンポーネントに割り当てる方法がわかりません。

この質問がわかりにくい場合は、事前に申し訳ありません。質問の仕方がよくわかりません。

基本的に、Rails ビューには 2 つの React コンポーネントがあり、"metric" と "id" の props を取ります。

Chart コンポーネントでは、メトリックを受け取り、サーバーを呼び出して適切なデータを取得します。コンポーネントは正常に動作しますが、問題は最初のグラフをグラフ化しますが、2 つ目のグラフをグラフ化すると最初のグラフが消えてしまうことです。

Chart.js.jsx コンポーネントは次のとおりです: https://gist.github.com/coffeejay/ea5cf8e8c3dcd09e58f6

編集

Chart コンポーネントには、その中に FlotBar (Flotchart に基づく) という別のコンポーネントがあります。コード: https://gist.github.com/coffeejay/1872d3d8bd1ddcb3c228

助けてくれてありがとう！

react_component ヘルパーの to_json に他のオプションを渡そうとすると、react prop へのプレーンな文字列として解析されます。

結果は

宝石のドキュメントには次のように書かれています：

props は、#to_json に応答するオブジェクト、または既に文字列化された JSON オブジェクト (たとえば、Jbuilder で作成されたもの、以下の注を参照) のいずれかです。

これはあまり役に立ちませんでした。

to_json を使用しているため、Jbuilder の例も役に立ちませんでした。

助けてくれてありがとう。