問題タブ [react-material]

入力フィールドに焦点を合わせたときに、入力フィールドの境界線を変更しようとしています。現在、それが表示されています。または他の色blueに変更したいです。red

通過小道具を使ってみた

underline: props.selectProps.classes.underlineInput入力フィールドの境界線の色を変更しようとしましたが、うまくいきません。なぜですか?

ここに私のコードがあり ます https://codesandbox.io/s/71267zp3l6

から にアップグレードした後"@material-ui/core": "3.9.2",、"@material-ui/core": "^4.0.0-rc.0",いくつかの CSS の問題が発生します。

入力の例、いくつかの css:height: auto !important;が欠落しているようです:

私の設定はここと同じです: https://material-ui.com/getting-started/installation/

私のコードは非常に基本的です:

LTR アプリケーションを構築しており、RTL サポートを追加したいと考えています。このアプリケーションは、Material UI React の上に基づいています。本文に dir="rtl" を追加するだけで、CSS Flex Box を使用しているため、アプリケーションを RTL にローテーションできます。ここで述べたように、テーマに direction="rtl" も追加しました。

ただし、すべてが変更されたわけではありません。

これを例に取りましょう: ここでわかるように、テキスト要素にパディングが残っています。RTL バージョンでは、すべてが逆になっているため、左のパディングは UI に影響しません。つまり、2 つの要素の間の小さなスペースを表示するには、右にパディングする必要があります。

Material UI documentation hereでは、このスニペットを追加してコンポーネントをラップした後、この機能をすぐに使用できるようにする必要があるため、私は何か間違っているようです。

これは私の親コンポーネントアプリです:

そして、これは私のコンポーネントの例です（上の写真のもの：CLList）：

そして最後のファイルは CLList の CSS です:

ラベルの paddingLeft が => paddingRight になることを期待しています。これは可能ですか？それはすぐに使える機能ですか？または、スタイルを自動的に変更するためにボディに dir="RTL" が含まれている場合、 RTL-CSS-JSを使用してすべてのスタイル オブジェクトをラップする必要がありますか?

私はまた、これら2つのライブラリの間でとても混乱しています:

• @material-ui/コア/スタイル
• @material-ui/スタイル

最初または2番目のものを使用する必要がありますか? 違いはなんですか ？

ありがとうございました。

編集1：

CSS オブジェクトでrtlCSSJSを使用したところ、期待どおりの結果が得られました。しかし、これが最善の方法であるかどうかはわかりません。CLList の CSS は次のようになります。

React アプリケーションに RTL サポートを追加しようとしています。

APIの呼び出しを行うときにローディングバー（これ： react-redux-loading-bar）を使用しているため、プロセスが長くなります... RTLがアクティブなときも右から左に変更したいと思います。

最初にMaterial UI Progress Barを使用しようとしましたが、React / Reduxだけのワークフローに追加する方法の良い例/アイデアが見つかりませんでした。これで問題も解決する可能性があります。

それを達成するための解決策はありますか？

私の Redux アクションは次のようになります。

御時間ありがとうございます。

ReactJsとreact-materializeは初めてです。コンポーネントで反応マテリアライズを使用して、2 つの入力要素タイプ Radio を作成しました。どちらもDOMでレンダリングしています。

最初のラジオ オプションをクリックして選択し、onChange イベントをトリガーします。2番目のオプションをクリックすると、最初のクリックでは選択されませんが、2回目のクリックでは正常に動作します。いずれかのオプションをクリックした後、両方ともイベントをトリガーしません。

"react": "^16.5.2" "react-materialize": "^2.4.8",

この問題は同じで、このソリューションで試しましたが、機能しませんhttps://github.com/react-materialize/react-materialize/issues/422

}

最初のクリックで両方のラジオ オプションの出力を選択し、すべてのクリックで onChange を呼び出す必要があると思います。私がした間違いを訂正してください。

map 関数を使用してレンダリングしている配列のリストがあります。各オブジェクトにはラジオ ボタンがあります。ここで、データのラジオ ボタンをクリックすると、「TypeError: 未定義のプロパティ '値' を読み取れません」と表示されます。私が間違っていることはわかりません。以下のコードを確認してください。

import React, { Component } from 'react' import { withStyles, Typography, Grid, Radio } from '@material-ui/core';

拡張パネルを備えたコンポーネントがあります。これで、ユーザーが展開の概要パネルをクリックすると、詳細コンテンツが展開されます。私が達成したいのは、展開された各詳細コンテンツに「次へ」というボタンがあることです。したがって、ユーザーが次のボタンをクリックするたびに。現在展開されているパネルを閉じて、次のパネルを展開する必要があります。