問題タブ [react-rails]

react-rails gem を使用して、reactjs コンポーネントを作成しました。

私からしてみれば：

しかし、私はこのコンポーネントをレンダリングできません。私はreactjsとrailsが初めてです。助けてくれてありがとう!

react-railsReact ( gem )を使用して既存の Rails アプリケーションを強化しようとしています。

このアプリには、次のコードで作成されたフォームがあります。

このフォームに次の機能を持たせたい:

• ユーザーがチェックボックスを切り替えると、expiration_dateフィールドの 3 つのドロップダウン リストが表示または非表示になります。
• ユーザーが送信すると、フォーム データが Ajax 経由でサーバーに送信され、検証と永続化が行われます。
• 検証が失敗すると、関連するラベルと入力フィールドが赤い枠で囲まれます。
• フォーム データが正常に保存されると、フォームが消え、メッセージが表示されます。

最初の試みで目標を達成することができましたが、バニラの HTML コードをたくさん書かなければならないことがわかりました。

これは私にとってがっかりです。特に、 のようにタグごとにnameと属性を指定するのは好きではありません。defaultValue<input><input name="article[title]" defaultValue={this.props.object.title}>

また、フィールドの 3 つのドロップダウン リストを作成するために、かなり長い JavaScript コードを記述する必要がありましたexpiration_date。

React を使用してそのようなフォームを効率的に構築するにはどうすればよいですか? 良いプラグインはありますか？

react-rails を使用してコンポーネントを生成するとき、私の es6 クラス コンポーネントは .jsx 拡張子で作成されますか? 何故ですか？例 rails generate react:component TestComponent --es6 では、test_component.es6.jsx代わりにファイルが生成されますtest_component.es6

まず、これは重複ではありません！これは同じ「未定義」エラーですが、正確に github ( https://github.com/reactjs/react-rails ) ガイドに従い、まだ機能していません

Gemfile:

アプリケーション.js:

application.html:

コンポーネント/app.js.jsx:

html ファイル:

開発.rb:

ページにアクセスすると、

私は何を間違えましたか？

次のコメントを外すと

createClass は関数ではなく、他のすべての React 関数と同じです

react-railsgemで形を作ろうとしています。しかし、私はエラーを受け取ります:

SyntaxError: [stdin]:24:11: 予期しない .

試してみると、その問題は最初のReact.DOM.div行にあります（コードでマークされています）が、なぜそれが起こったのかわかりません。すべてを100回チェックしました:)

components/country_form.coffee :

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

私が持っているのは、エントリを投稿できるフィードです。これらのエントリは、すべてのユーザーが気に入る可能性があります。問題は、エントリに「いいね！」をした後、すぐに独自のエントリを書き続けると (したがって、新しいエントリがフィードの一番上にプッシュされると)、クリックしたすべての「いいね!」ボタンの状態が視覚的に取り消されてしまうことです。正しいデータが表示されていることを確認するには、手動で更新する必要があります。

この問題は非常に特殊であり、残念ながらこれに関連するものは見つかりませんでした。

Like コンポーネント (like.es6.jsx) のコードは次のとおりです。

親コンポーネント 'log_entry.es6.jsx' に、次の方法で like コンポーネントを追加しました。

私が提供できる情報が他にある場合は、リクエストに応じて喜んで提供します. 私の問題を見直してくれてありがとう！

反応レールプロジェクトでテーマを実装するための安定したスケーラブルな方法が必要です。現在、反応コンポーネントには独自のCSSファイルがあり、スタイリングはCSSモジュールを使用して管理されています...反応コンポーネントに異なるCSSテーマを持たせる最良の方法は何ですか?

具体的に質問する

• さまざまなテーマを実装するための CSS ファイルのより良いファイル構成は何でしょうか?
• これらのテーマを既存の反応コンポーネントに適用して、1 つのテーマをルート ノードに適用するだけで、コンポーネント ツリーの下にあるすべての反応コンポーネントにテーマが適用されるようにする方法を教えてください。