Javascript MUI更改选定标签的css和选定选项的颜色

几天来，我一直在努力使用MUI组件，在React应用程序中构建页面

我快做完了，只差两件事

我在我的页面中使用了选择和自动完成。 在这两个方面我都设置了

{shrink=false}

输入标签，但我不知道如何应用

display:none

，一旦选择了一个选项（就像不是收缩而是消失-现在它们重叠在一起-我不知道当收缩设置为false时，默认情况下为什么不是这样…）

此外，在选择组件中，当所选选项位于输入文本中时，我需要将其颜色设置为白色（而不是标签-现在，连同它一起…-现在是黑色）

有人能帮我吗？ 或者至少给我指明了一个看的方向

我正在浏览文档，但我想不出一个办法。调用handleChange方法时是否应该执行某些操作？-那就是现在。。。但是，如何改变他们的风格呢

谢谢任何能帮忙的人

---

xxx

我使用状态解决了它：

const [selected, setSelected] = useState(false);

在

组件中：

onChange={(event) => {
  setSelected(true);
  handleChange(event);
}}

然后我将输入标签值设置为字符串或所选选项：

<InputLabel
  ref={inputLabel}
  className={classes.inputLabel}
  id="simple-select-label"
  shrink={false}
>
  {selected ? '' : 'Itinerario'}
</InputLabel>

{已选择？''‘巡回}

希望能帮助别人。 x