問題タブ [material-ui]

以下のコードを使用してReactコンポーネントでAppBarを使用しましたが、次のようなエラーがスローされます

不変違反: AppBar.render(): 有効な ReactComponent を返す必要があります。

とMasterpage.jsが含まれています

React と Material UI を学ぼうとしています。

私は Web フォームを作成していますが、これまでのところすべて問題ありませんが、ページが読み込まれると、以前に保存されたデータでクロムがテキスト フィールドに自動入力され、背景が黄色に変わります。どうすれば白く保つことができますか？

通常の CSS では、次のコードを含めることを知っています。

ただし、これが必ずしもスタイルシートを持っているとは限らないことを考えると、これは問題を引き起こします。

私はこれまでに持っています：

コードの解析中に構文エラーが発生しinput-webkit-autofillます。

material-ui/lib/svg-icons にはたくさんのアイコンがあります。

import ステートメントは、それらのほとんどすべてで失敗します。

例：

.jsx コードでこれらのアイコンにアクセスするにはどうすればよいですか?

私の最初のファイル open.jsx で言うと、次のようになります。

そして、私の app.jsx ファイルには次のものがあります。

現在発生しているエラーは次のとおりです。 Uncaught TypeError: Open._handleTouchTap is not a function

React のファイル間でメソッドを渡す方法を知っている人はいますか?

open.jsx's _handleTouchTap()でボタンを押したときにメソッドを呼び出したいapp.jsx。

アプリのアーキテクチャをクライアント レンダリングから同形に変更しました。その後、PC では正常に動作しているのに対し、モバイル デバイスではすべてのコンポーネントが大幅に小さくなっていることがわかりました。何か案は？

私のheader.jsxファイルの中に私は持っています:

そして、ログイン コンポーネント (login.jsx) 内:

loggedInユーザーがログインしたときに ajax 呼び出しが成功を返したら、ヘッダーの状態を trueに切り替えたいと考えています。ただし、別のファイル (子 login.jsx) から親ファイル (header. jsx)。ヘッダーの動的UIを作成できるように、これを達成する方法を知っている人はいますか?

ユーザーがログイン状態になると、ヘッダー コンポーネントの LoggedIn の状態で true が返されます。それが真であれば、現在表示されているものとは異なるヘッダーを表示します。