問題タブ [react-toolbox]

この構文エラーが発生するのはなぜですか??? 私を夢中にさせて、私はそのいくつかの簡単なことを知っています...私は基本的にここからサンプルコードをコピーしました:

http://react-toolbox.com/#/components/input

そして、私は単にそれをここにインポートしようとしています:

どんな提案も大歓迎です...

webpack.config.js:

パッケージ.json:

.babelrc

https://github.com/malexanders/react-toolbox-example

Redux をサポートしているため、プロジェクトのベースとしてreact-boilerplateを使用しています。

アプリにアクセスすると、ターミナルに次のエラーが表示されます。

アプリケーションのこの部分のメイン エントリである My App/containers/MyContainer/index.js: https://github.com/react-toolbox/react-toolbox/files/285221/index.zip

私のpackage.json: https://github.com/react-toolbox/react-toolbox/files/285226/package.json.zip

私が信じているファイルは、このボイラープレート テンプレートの webpack.config.js に相当します: https://github.com/react-toolbox/react-toolbox/files/285227/webpack.test.babel.zip

このエラーを解決し、react-toolbox と一緒に react-boilerplate を使用する方法は?

私はreactツールボックスを使用しており、私のwebpack構成には次のものがあります(構成の重要な部分のみを投稿します):

app/theme/_config.scss私は定義しました：

今のところ、私の色は正しく適用されています。

今、私はカスタムコンポーネントを作成したいので、Card次のように定義しました(テーマをテストするためだけに):

デフォルトの CardStatus をエクスポートします。

style.scss には次のものがあります。

アプリケーションはエラーなしでコンパイルされますが、CardTitle に黄色が適用されません。

私は試しました：

1. theme={theme}
2. theme={theme.title}

しかし、何も...色が機能しません。

私が間違っていることは何ですか？

UI で react-toolbox を使用しており、ビルド ツールは webpack です。スタイルファイルを生成するようにwebpackを構成しましたreact-toolbox.css--distディレクトリに。このファイルには、アプリの react-toolbox コンポーネントで使用される CSS クラスの定義が含まれています。私のindex.htmlこのCSSファイルは外部リンクとして追加されています。私のアプリ スタイル (アプリ内の非 react-toolbox コンポーネント用に記述したスタイル) はrequire、app.jsファイル内にあり、less-loader を使用して読み込まれます。現在、私のアプリは正常に動作します。

• app.jsアプリ スクリプトとアプリ スタイルを提供するためにダウンロードされる
• react-toolbox.cssreact-toolbox コンポーネントにスタイルを提供するためにダウンロードされます

react-toolbox.css の内容を自分のスタイルとマージし、結果の css を内部app.jsで必要とする方法があるかどうかを知りたいと思っていました。react-toolbox.css

Webpack 2 を使用しているhttps://github.com/ctrlplusb/react-universallyに基づいて反応アプリを構築しています。

私の UI コンポーネントには、http://react-toolbox.comを使用したいと考えています。

別のプロジェクトでWebpack 1を使用してreact-toolboxで動作するWebpackセットアップを行いました。どういうわけか、同様の構成が機能しなくなりました。

現在の webpack 構成は次のようになります。

マテリアライズの代わりに react-toolbox を使用するようにパッケージを編集しようとしていますstd:accounts-materialが、これまでのところ成功していません。私は、彼が material-ui を使用するように編集した lawrently の accounts-material をガイドとして使用しています。

これまでに変更した内容と、取得しているエラーは次のとおりです。

エラー：

オリジナル：

どんな助けでも大歓迎です。

私はreact-toolboxTabsのコンポーネントを使用しています。メニューのテキストが長すぎて、下の画像のように他の部分と重なって いる場合を除いて、すべてうまくいっています。Tabs

navpropertiesに直接追加することで、通常どおり最後のタブまでスクロールできますが、 react-custom-scrollbarなどの他の React コンポーネントを使用するコンポーネントoverflow-x: auto内で水平スクロールバーのスタイルを設定する方法はありますか、またはスクロールバーを処理する js 関数を作成する必要がありますか?Tabs

2 番目のオプションでは、関数をどのように実装すればよいですか?

ツールボックスに反応して反応するのは初めてです。React ツールボックスは scss を使用します。私はまだscssを知らないので、そのコンポーネントのカスタマイズで問題に直面しています。

これは私が持っているものです:

ナビゲーション コンポーネントを含む appbar コンポーネント。

css クラスを appbar コンポーネントに適用しようとしましたが、うまくいきました。

ただし、Navigation コンポーネントの className が機能していないため、その理由を知りたいと考えています。なぜそれはうまくいったのですAppBarかNavigation？何故ですか？

また、これらのコンポーネントにテーマを渡すにはどうすればよいですか? SCSSファイルに記述する必要があることを理解しています。しかし、それの非常に単純な例を得ることができますか?

ドキュメントには次のことが示されています。

しかし、PurpleAppBar.scss とは何で、どのように見えるべきなのでしょうか? カスタムSCSSファイルだと思いますか？

また、私は Web アプリに取り組んでいるので、material-ui は私にとって良い選択肢ではないように思えます。