問題タブ [material-ui]

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.

0 投票する
1 に答える
1036 参照

intel-xdk - Intel XDK のマテリアル UI

Intel XDK を使用したアプリ開発は初めてです。Intel XDK を使用して開発されたアプリにマテリアル UI を組み込む必要があります。例を挙げて解決策を教えてください..よろしくお願いします

0 投票する
4 に答える
12145 参照

reactjs - Material-ui & TouchTap: ListItem のキー取得

material-ui を使用したアイテムのリストがあります。アイテムがクリックされたときに _handleTouchTap() を呼び出し、ListItem のキーをハンドラーに渡したいと思います。

追加する

「this」が間違ったスコープのように見えるため、 to が機能していません

0 投票する
3 に答える
10651 参照

html - HTML開発でマテリアルUIを使用していますか?

HTML プロジェクトでマテリアル UIを使用する方法を知りたいです。マテリアル UI のgit ページからコードを実装できるかどうか知りたい

0 投票する
1 に答える
1840 参照

reactjs - Common-Js および Material-UI アイコン。アイコンが読み込まれない理由を理解する。(React Js)

次のコードを実行しようとしています。

必要なパッケージを含めましたが、含めなくてもコードは正常に動作します

Material.Icons.NavigationArrowDropDown;

material-ui (0.11.1) に移動しましたが、ファイルはエクスポートとして次のパスに存在します。

lib > svg-icons > Navigation > Arrow_drop_down.js ソースコードは次のとおりです。

ただし、アプリケーションをコンパイルして実行すると、アイテムが見つからず、それが存在しないと不平を言いますが、他のアイテムはまだありません

Material.Icons.NavigationChevronLeft

問題なく見つかります。このファイル (ルーターと app.js を除く) は、私のプロジェクト全体です。

両方のファイルが同じフォルダーに存在するため、一方の参照が見つかり、もう一方の参照が見つからない理由がわかりません。

エラーは実行時に発生し、jsLint はそれを検出しません。さらに、listItem アイコンを削除すると、ページが正しくレンダリングされます。この問題は、このコンポーネントに直接関係しているようです。

追加メモ: var ドロップダウンを削除しました。マテリアル UI からエクスポートが見つからないことを示すためだけにありました。

tl;dr : 別の Icon クラスと同じフォルダー内の Material UI Icon クラスがピックアップされていません。なんで?

0 投票する
1 に答える
1878 参照

javascript - 単一ページ アプリケーションで json データを使用する material-ui

json データを使用して反応コンポーネントを初期化する必要がありますが、material-ui でこれを行う方法がわかりません。

これは私が反応する方法です:

しかし、私は現在、すべてのページが反応によって読み込まれるマテリアルUIとルートを備えた単一ページアプリケーションを使用していますが、jsonを個々のページに渡す方法がわかりません。私はcomments.jsonを私のホームコンポーネントに送信する次の方法でそれを使用したいと思います:

どういうわけかこれを達成することは可能ですか?

0 投票する
1 に答える
490 参照

reactjs - react material-ui 11.1 テーマ ドキュメント

これは少しばかげた質問のように思えるかもしれませんが、material-ui 11.1 のテーマのドキュメントはどこにありますか? ドキュメントはホーム サイトで 12.1 に変更されたばかりですが、私はまだ 11.1 を使用しており、現在、チームと私は作成中のアプリ用にそのバージョンにロックされています。

0 投票する
1 に答える
1370 参照

node.js - jest を使用した Material-UI のテストが遅い

アプリケーションに reactjs と material-ui を使用しています。単体テストには jest を使用します。

バージョン:

React.Component で material-ui を使用すると、jest テストが非常に遅くなります。

例 1:

テストには0.5 秒かかります。

例 2:

テストには25 秒かかります。

これまでに試したこと/経験したこと:


  • material-uiのモック化をオフ/オンにしても違いはありません。
  • material-ui コンポーネントを使用するかどうかは関係ありません。要求がボトルネックのようです。
  • 2 つの異なるプリプロセッサを使用した場合: react-tools、babel-jest

誰も同じ問題を抱えていますか?それともより良い解決策ですか?

0 投票する
1 に答える
2548 参照

reactjs - this.setState は textfield の関数ではありません

ユーザーがテキスト フィールドに入力しているときに、テキスト フィールドで検証を実行しようとしています。errorTextその場で属性の状態を変更したい。

Uncaught TypeError: this.setState is not a function状態を設定しようとするとエラーが発生します。以下の関連コード。

0 投票する
7 に答える
78669 参照

javascript - Material-UI でナビゲーションバーを作成する

彼らが自分のサイトで使用しているように見えるMaterial-UIでシンプルなナビゲーションバーを作成しようとしています。これは私がそれを複製しようとして書いたコードです:

問題は、タブが非常に奇妙に表示され、タブをクリックしてもまったく効果がないことです。スクリーンショット:

ここに画像の説明を入力