問題タブ [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 に答える
1844 参照

reactjs - React + Material UI テストを jest で行う

UI にこのライブラリを使用します: https://github.com/calleall/material-uiおよび単体テストには Jest を使用します。

しかし、コンポーネントでそのライブラリを使用する必要がある場合、エラー構文エラーが発生しました。他のコンポーネントは冗談です。

以下のpackage.jsonでjestを更新しました。

それは動作しません。

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

reactjs - Material UI - AppBar クリックで LeftNav / Drawer を開く

ReactJS と material-ui ( http://material-ui.com/ ) を発見しています。

アプリケーションのデフォルト テンプレートを作成しようとしています。別のコンポーネントで AppBar とLeftNav (新しいバージョンの Drawer で名前が変更されました)を使用したいと考えています。

AppBar には、既定でメニュー ボタンがあります。これを使用して LeftNav を開きたいのですが、LeftBarComponent コンポーネント関数を呼び出して開く方法がわかりません。

コンポーネント間の通信方法はほぼ理解できましたが、私の場合、それに関するドキュメントがないため、どうすればよいかわかりません。LeftNav 要素を開くために私が知っている唯一のことは、LeftNav.toggle() を使用することです

http://material-ui.com/#/components/left-nav

ご協力いただきありがとうございます。

デフォルト.jsx

navbar.jsx

leftbar.jsx

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

material-design - マテリアル ui インストール 構成

USER MATERIAL ui

1.jsx

browserify 1.jsx -o 1.js

知らない <RaisedButton label="Default" />

github : https://github.com/calleall/material-ui

1 npm install material-ui

2 Then how to do?

3...

4....

私は次に何をすべきですか?

私は助けが必要です、私は数日やった

0 投票する
6 に答える
37715 参照

material-design - material-ui フレームワークの使い方

Web サイトのフロントエンドをデザインするために、 Material-UI CSS フレームワーク ( http://material-ui.com ) を使用する予定ですが、このフレームワークの使用方法がわかりません。

私は NPM や Browserify などにあまり詳しくありません。この CSS フレームワークの使用方法を学ぶには、どのように始めればよいかを知る必要があります。

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

0 投票する
11 に答える
164652 参照

javascript - material-ui TextField、DropDownMenu コンポーネントからデータを取得する方法は?

フォームを作成し、いくつかの TextField、DropDownMenu material-ui コンポーネントが含まれています。質問は、すべての TextFields、DropDownMenus からすべてのデータを 1 つの obj に収集してサーバーに送信する方法です。TextField の場合は TextField.getValue() があり、入力の値を返します。しかし、使い方が理解できません。

_handleClick メソッドでサーバーに送信したい。

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

node.js - material-ui を使ってみる

よく守られている秘密は、Google のMaterial Design UIと React を使用する Web フレームワークである material-ui です。素晴らしい組み合わせであり、未来だと思います。しかし、それはまた、それを使用する方法についてよく守られた秘密でもあります. http://material-ui.com/#/get-startedにある入門ガイドは、通常の Joe 向けではなく、理解できるごく一部の人向けです。さらに、ここでの質問は、material-ui フレームワークの使用方法などです。material ui Installation configure、回答されたことはありません。

なんとかMaterial-uiをインストールして、

しかし、次は何ですか?

  • それらを下に移動する必要があり/var/www/ますか? またはnodejsを起動しますか、それとも...?
  • すべてが機能していることを示す簡単なデモを見るにはどうすればよいですか?

全体として、http サーバーと静的な html ページしか知らない私にとって、自分の環境で既存の Web サーバーと連携していることを確認する最も簡単な方法は何ですか?

ありがとう

0 投票する
0 に答える
2690 参照

reactjs - material-ui SelectField コンポーネントの試行時のエラー

現在、material-ui を試しています。私はreact.jsとmaterial-uiが初めてで、どうにかしていくつかのことをやり遂げましたが、SelectFieldを使用できません。SelectField コンポーネントを使用するたびに、

キャッチされていない TypeError: undefinederror のプロパティ 'toUpperCase' を読み取ることができません。

私はそれがどのように書かれているかに従っています: material-ui.com

これは私のselectField.jsxファイルです:

エラーを出力する理由はありますか? その他の material-ui コンポーネントは正常に動作します。

編集:

これはapp.jsxファイル内の私の親コンポーネントです: