Ich erstelle gerade einen Chip in meiner lokalen Umgebung, der nur angezeigt wird, wenn die Staging-Umgebung unserer App verwendet wird. Ich kann diesen Chip nicht über die Material-Benutzeroberfläche in der oberen rechten Ecke der App anzeigen lassen (funktioniert auf der Desktop-Benutzeroberfläche). Wenn Sie weitere Informationen benötigen, kontaktieren Sie uns bitte! Hier ist meine .jsx-Datei:
import React from 'react' import Chip from '@material-ui/core/Chip' const StagingChip = () => ( <> <div> <Chip label="Staging" color='info'/> </div> </> ) export default StagingChip
据我了解,您需要将芯片设计为具有固定位置,然后分配 top: 0 和 right: 0
https://css-tricks.com/almanac/properties/p/位置/
您也可以直接在
jsx
文件中执行此操作:div
元素,请将style
属性添加到div
style={{position: 'fixed', top: 0, right: 0}}
Chip
,则将sx
属性添加到Chip
sx={{position: 'fixed', top: 0, right: 0}}
这是
position:fixed
解决方案: