material-ui

1熱

1答えて

私はカスタムの幅との対話のための材料-UIの例で行くよ：私はしかし、私はWAN、私はmaxWidthをオーバーライドしてきたので、私はカスタム絶頂を設定することができるよということを知っている const customContentStyle = { width: '100%', maxWidth: 'none', }; // some omitted code <D

0熱

1答えて

フルスクリーン引き出し材質-ui @ next

バージョンの最初のmaterial-uiバージョンのフルスクリーン引き出しフォームを再作成するにはどうすればよいですか？私はこの <Drawer width={'100%'} open={this.props.eventsDrawer} className="events-drawer"> ... </Drawer> を行うことができるために使用される。しかし、今、私はこれを行う方法を参

1熱

1答えて

ベータ版の機能が必要な場合は、長期間のReact WebアプリケーションにMaterial-UIのベータ版を使用するベータ版の機能が必要な場合

Material-UIのベータ版を長期ビジョンに使用しています。ベータ版の機能が必要で、Googleのマテリアルデザインガイドラインに準拠したUIライブラリを使用する必要がある場合は、コンテンツを作成することをおすすめします。私はReact-Toolbox、MUI、Material Design Liteのような代替品を検討しましたが、必要なものに近いものですが、マテリアルUIと同じように大きく

0熱

2答えて

チェックボックスの問題oncheck機能

最初に次のコードを参照してください。特定のチェックボックス（ID：cfc1）をクリックするたびにチェックしないようにします。私はここにonCheck関数を使用しています。私は特定の要素をクリックするたびにチェックが外されて表示されることはありません。私はコードを使用しようとしています - if(e.currentTarget.id === 'cfc1') { document.get

0熱

2答えて

ReactJsのFlexアイテム間にスペースを追加するには？

This is the image of the code and the page. Containerrのjustifyconent属性が機能していないようです。なぜ3つの子供の要素がスペースなしで一緒にくっついているのですか？ EDIT：justifyContentも試しました。（図のようにJustifyContentの代わりに）

2熱

1答えて

デベロッパーツールのコンポーネント状態の更新は、後でthis.stateを呼び出すときではない

現在選択されている行の状態をstateに保持するデータテーブルにmaterial-ui controlled tableの例を使用するコンポーネントがあります。これは正常に動作しており、反応開発ツールで状態が正しく更新されているのがわかります。ただし、updatePickが呼び出されると、this.state.selectedは更新された値を返しません。 constructor(props) {

2熱

1答えて

Material UI v1.0.0 Stepperクラスをオーバーライドしてアイコンサイズを設定する方法

新しいバージョンのマテリアルUIに移行しています。クラスをオーバーライドする方法は少し混乱していると言わざるを得ない。私は代わりのラベルでStepperを使用する必要があります。それは私のために機能し、透明な背景を設定するためにルートクラスをオーバーライドすることができました。しかし、私が必要とするのはステップアイコンサイズを42pxに設定していて、成功しません。私のコードでは、なります c

0熱

1答えて

アバターを他のリンクと整列させるには？

テキストや画像を右揃えにするいくつかの方法を見てきましたが、単純なアバターとテキストを揃えようとすると、うまく動作しません。これは実際に私がmaterial-ui-nextに切り替えるまで働いていましたが、今は正しく整列させることができません。だから私が持っているのはですが、私はText1を（それのように）、Text2とアバターを隣り合わせにして右に揃えたいと思います。すべて同じ行にある。

1熱

1答えて

Material-ui：イベントホバーでメニューを開く

現在、menuItemは、クリック後にのみあなたの子供を開きます。ホバー経由で開くことに同意する属性はありますか？ <MenuItem key={index} menuItems={menuitems} **onHover={true}** > menuItem </MenuItem>