問題タブ [material-ui]

子コンポーネントを含む親コンポーネントがあります。

m 子コンポーネントの内部:

親の状態に基づいてソースを変更したい。たとえば、親の状態が 1 の場合、ソースは画像 1 になり、状態が 2 の場合、ソースは画像 2 になり、状態が 3 の場合、画像 3 になります。構文がどうなるかわかりません子供の画像ソースを完成させます。次のようなものでしょうか。

編集:アバターと呼ばれるマテリアルUIコンポーネントを使用していることを明確にしたかっただけです。(画像をアバターに変更) ドキュメント: http://www.material-ui.com/#/components/avatar

さて、私がやりたいことはこれです: AppBar に "Login" というラベルの FlatButton を持たせたいのです。このラベルは、明らかな理由から「ログアウト」に変更する必要があります。

さて、このように AppBar を定義すると、適切なスタイリングが得られます。

そして次のようなコード：

ただし、これではテキストを変更できません。これが、FlatButton を次のような追加のコンポーネントに引き出した理由です。

結果として得られるのはこれです：

それで、私は何を違うようにしなければなりませんか？

Trying the jsx above AppBar component should fill all width and 10% of height from its div parent but it doesn't happen and it is shown a weird blank space on its top, left and right corner:

What is wrong with my component's style?

I am using the awesome Material UI's React.js Components

ここの例のように AppBar を IconMenu で動作させようとしていますが、メニューはポップアップしません。これは私のコードです（サンプルコードの正確なコピー）：

AppBar は問題なく表示されますが、メニュー アイコンをクリックしても反応しません。これは、Google Chrome の反応プラグインに表示されるものです。

「null」の行が問題に関係していると思います...？

(material-ui 0.14.2、react 0.14.6 を使用)

マテリアル UI で、ボタンに borderRadius を設定したいと考えています。style属性を渡すと、 では機能するようですFlatButtonが、 では機能しないようですRaisedButton。

の場合RaisedButton、borderRadius は親に適用されますが<div>(これは必要です)、<button>それ自体には適用されません (これも必要です)。

これはマテリアル UI のバグですか? または、この動作は意図されていますか? 意図されている場合、角を丸くした RaisedButton を作成するにはどうすればよいですか?

私はMaterial-UIの AppBar コンポーネントを使用しましたが、うまく動作しますが、余裕があり、誰もが回避策を持っています。マージンを取り除く必要があります。

私は持っている

しかしiconStyleRightは私にエラーを与えています

理由はわかりません。無視される要素にastyleを追加するなど、多くの組み合わせを試しました。<span>

アイコンにスタイルを適用する方法を理解できるように、この正しいアイコンを赤で表示するための正しい構文をいただければ幸いです。

画面の下部にあるタブコンポーネントを修正しようとしています。私が試してみました

そしてさえstyle={{position:"fixed"}}

下部のタブを修正するにはどうすればよいですか?

React アプリに Material-UI を使用しています。制御可能なコンポーネントを使用していTabsますTab。推奨される設定でthis.state.valueは、どのタブが開いているかを判断するために使用されます。inputタブ内のフィールド にテキストを入力するthis.state.valueと、SyntheticEvent. これは、入力ボックスが別のコンポーネントにある場合でも発生します。その結果、現在のタブが閉じられます。入力テキストが現在のタブを閉じないようにしたいと思います。提案してください？