問題タブ [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.
reactjs - マテリアル UI とグリッド システム
Material-UIで少し遊んでいます。グリッド レイアウトを作成するためのオプションはありますか ( Bootstrapなど)?
そうでない場合、この機能を追加する方法は何ですか?
GridList コンポーネントがありますが、それには別の目的があると思います。
javascript - react material-ui のスタイルを設定する方法 LeftNav hover menuItem
LeftNav ( http://material-ui.com/#/components/left-nav ) menuItem hoverColor のスタイルを設定しようとしています。
私はこれを試しましたが、役に立ちませんでした：
これは私がオーバーライドしようとしているコードのようです: https ://github.com/calleall/material-ui/blob/master/src/menu/menu-item.jsx#L138 -しかし、私はしようとしていますLeftNav コンポーネントを介してオーバーライドします。
ありがとう、
マーク
css - 反応する [material-ui] で入力ラジオ要素を水平方向に揃えるにはどうすればよいですか?
ラジオ グループは、常に material-ui に縦に並べて表示されます。それらを水平方向に整列させる方法はありますか？たとえば、すべてのラジオ ボタンを 1 つの水平線に配置します。
javascript - クライアント側のrequireJS環境でmaterial-uiを使用していますか?
material-uiアプリケーションのクライアント側 AMD モジュールとして含める方法について、数時間調査してきましたが、これが最も近いものです。を使用grunt-amd-wrapして、Gruntfile で次の grunt タスクを使用しました。
material-uiフォルダーへのトランスパイルが完了した後に実行するようにスケジュールしましたlib。require()ただし、次のモジュールをファイルするため、これはまだ問題を引き起こします。
そして、それらをそれ自体に加えて、クライアント側の AMD モジュールにバンドルする方法がわかりませんmaterial-ui。
要約:の CommonJS 構文を自己完結型 AMD モジュール (または自己完結型 AMD モジュールのセット)gruntに変換する方法はありますか? material-uiの使用は避けたいので、絶対に必要な場合gulpにのみ使用したいと思います。browserify
javascript - React JS + マテリアル UI をスローする leftNav は定義されていません
マテリアル UI を使用して React JS を実装しようとしていたところ、左ナビゲーション バーのトグル動作の問題に行き詰まりました。
Yeoman コマンドを使用してコンポーネントを作成しました。
2つのコンポーネントがあります
BodyComponent - 親
HeaderCompoent - 子
Body Component で menuItem と LeftNavBar を作成し、HeaderComponent でonLeftIconButtonTouchTap={this._handleTouch}イベントを使用して AppBar を作成しましたが、ハンバーガー アイコンをクリックすると navLeft is undefined がスローされます。
私の理解によると、ここでの問題は、イベントが子で呼び出され、LeftNavBar の参照が親であるということです。これはどういうわけかアクセスできません。
これらは解決できると読んだことがありますが、すべてのコンポーネントを分離するのではなく一緒に配置しますが、分離したくありません。また、この1つの問題を修正するためにフラックスを使用したくありません。
これに対する良い解決策はありますか？または、コードの書き方を変更する必要がありますか? はいの場合、どのように？
ボディ コンポーネント
ヘッダー コンポーネント
reactjs - React での material-ui の `DropdownMenu` の使用エラー
このスターターキットhttps://github.com/kriasoft/react-starter-kitでhttp://www.material-ui.com/#/components/dropdown-menuDropdownMenuから使用しようとしています。ドロップダウン メニューが表示されますが、クリックしてもリストが表示されません。
私の手順は次のとおりです。
npm install --save material-ui
/li>render()次の行をin に追加しますContactPage.js。npm start
reactjs - material-uiを使用して反応するモデルをどのように操作しますか?
私はreactとmaterial-uiで作業してみました。このコードで開発した後：
ページを開いてフィールド「名前」を編集すると、これは無効になります。私のエラーは何ですか？
reactjs - 反応 - material-ui アプリバー アイコン タッチ イベントが発生しない
左の要素 AppBar のアイコンをクリックすると、_handleClick() メソッドが実行されます。コンソール メッセージを取得できません。私は material-ui フレームワークを使用しており、属性 onLeftIconButtonTouchTap は、タッチ タップで左のアイコンが選択されたときのコールバック関数に提供されます。
ただし、別のコンポーネントで動作します。