React でアプリの右上隅にチップを表示するにはどうすればよいですか?

Question

現在、アプリケーションのステージング環境を使用する場合にのみ表示されるチップをローカル環境で作成しています。マテリアル UI からこのチップをアプリの右上隅に表示させることができません (デスクトップ UI では機能します)。さらに詳しい情報が必要な場合は、お問い合わせください。これが私の .jsx ファイルです:

ああああ

Answer 1

私が理解しているところによると、固定位置を持つようにチップを設計し、上: 0 と右: 0 を割り当てる必要があります。

https://css-tricks.com/almanac/properties/p/location/

リーリー リーリー

これを

jsx ファイルで直接実行することもできます:

• div 要素を移動する場合は、style 属性を div に追加します。 style={{position: 'fixed', top : 0、右: 0}}
• Chip のみを移動したい場合は、sx 属性を Chip に追加します。 sx={{position: 'fixed',上: 0、右: 0}}

Answer 2

これは position:fixed 解決策:

リーリー