問題タブ [react-starter-kit]

React Starter KitのIsomorphic CSS style loader for Webpackでは、クラス名の代わりにスタイル オブジェクトをどのように渡すのでしょうか?

現在、これを行うことができます：

次のようなことができるのではないかと思います。

サーバー側のレンダリング時にも機能するソリューションを探しています。

React Starter Kitを使用して、次のようにMaterial UIを追加します。

コンポーネントへの次のインポート:

と：

次のエラーが表示されます。

警告: Material-UI: userAgent は、サーバー側レンダリング用の muiTheme コンテキストで提供する必要があります。

Material UI のドキュメントによると、次の 3 つのことに対処する必要があると書かれています。

1. autoprefixer とユーザー エージェント
2. process.env.NODE_ENV

具体的には、React Starter Kit を使用して、どのコードをどこに配置すればよいですか?

PSこのソリューションは私には機能しません:-/

Windows の SemanticUI でReact Starter Kitを使用しようとしています。RSK をインストールしてビルドすることはできますが、実行npm install semantic-uiしてセットアップを行うと、常に同じモジュール エラーが発生し、解決方法がわかりません。

ディレクトリを削除して何度も再インストールしようとしましたが、これを機能させることができません。問題の原因は何ですか?

この質問はreact-starter-kitにかなり固有のものですが、他の誰かがインターネットでここで助けることができるかもしれません. 開発中のフラスコ アプリケーションで react-starter-kit を使用しようとしています。私が探しているものがたくさんあったので、この yeoman ジェネレーターを選びましたが、ノードサーバーで実行したくありません。反応フロントエンドに接続したいフラスコアプリがあります。ノードルートがどの.jsバンドルファイルを含めるかをどのように認識しているかがよくわかりません（ノードルートはとにかく私を少し混乱させます）。ここから始めるのに最適な場所はどこですか?

特定の質問から始めることができるとしたら、どの.jsファイルをindex.html指し示すことができますか? または、どうすればそれを見つけることができますか？

ここでこの質問をするのは暫定的ですが、適切な場所に誘導されることを願っています.

これが私のものindex.htmlです：

これが私のフラスコビューです：

こちらがbuild/assets.js

/main.js?{{string}}がアプリの同梱バージョンを指している場所。

ファイル ディレクトリのレイアウトは次のとおりです。

hereの Erik Rasmussen のスターターキットに基づいた React アプリがあります。

このアプリは、React Router と Redux を使用して非常にうまく機能します。

私のRailsアプリはかなり古いので、アプリケーションを埋め込むアイデアは、indexアクションがiFrameをレンダリングする別のコントローラーを持つことです。これは、同じコントローラーshowアクションからコンテンツをロードします。

したがって、Rails アプリのレイアウトに固執し、React アプリのマークアップを変更なしでレンダリングすることができます。

経由でアプリをトランスパイルした後

$> npm run build

main -.js ファイルと main -.css ファイルを Rails アプリにコピーして、そこから配信できるようにします。

その後、次の方法で React アプリを起動します。

$> npm run start

curl を介して開始ページをリクエストします。curl の出力は私のshowerb テンプレートに入ります。内部では、メインの JS と CSS が読み込まれる URL を変更します。

今ページをリクエストするとindex、iFrame がそのコンテンツをロードし、アプリは初期化されているように見えますが、まったく機能しません。レンダリングされたコンテンツは表示されますが、リンクをクリックすると Rails のルーティング エラーが発生します。そのため、クリックは React によって傍受されていないようです。

私は実行を追跡しようとしましたが、コードのデバッグを終了しましたclient.js。適切な引数を受け取るように見えReactDOM.renderます。つまり、レンダリングする適切な外観のコンポーネント、ストア、さらには宛先要素があります。

現在、コンソールに次のエラーが表示されます。

Uncaught ReferenceError: _classCallCheck is not defined

初期データをマークアップに埋め込むスターターキットの少し古いバージョンを使用していますが、_classCallCheck が React アプリで機能するのに、Rails に埋め込むと機能しなくなる理由を理解できませんでした。

スターターキットの最新バージョンでも動作しません。その場合、エラーはまったく発生しませんが、同じ動作をします。

Rails のバージョンが古いため、React Gem を使用できません。また、スターターキットがすぐに提供する機能の一部が必要なので、これを変更することもできません。

ヒントはありますか？

React-Starter-Kitを使用していますが、ブラウザで onClick={this.handleClick} が起動しないという問題があります。

何が起きているか: Colorswatches.js コンポーネントがロードされ、ブラウザーに表示されますが、onClick が機能しません。コンソール ログは表示されません。

私が問題だと思うのは、サーバー側ですべてをレンダリングしてクライアントに渡すと、クライアントはイベントバインディングのない静的な反応HTMLを取得します。

サーバー側のレンダリング後にクリックイベントをクライアント側で機能させるにはどうすればよいですか?

編集: jgldev から提供された例でコードを更新する

編集 2: componentDidMount() 関数を追加しました。コンソール ログを使用しても、ページの読み込み時にログが表示されない

編集 3: 私が発行したのは、クライアント側の再レンダリングを爆撃していた React-starter-kit の別の部分でした。最初の答えを正しいとマークしました。

src/component/ColorSwatches/ColorSwatches.js:

反応スターターキットを試してみましたが、GraphQL とパラメーターに混乱があります。パラメータをクエリに渡す方法がわかりません：

何らかの形で文字列引数を持つ必要があるのは searchquery です。