reactjs 选择标签以始终覆盖组件，即使存在选定值

xlpyo6sf 于 2023-05-28 发布在 React

关注(0)|答案(1)|浏览(123)

我使用的材料UI v5与情感，并需要该组件的标签，以始终涵盖选择是否有/有选定的值或没有。
在检查了他们的文档和谷歌搜索后，似乎没有简单的方法。
下面是文档中的一个基本示例。
https://codesandbox.io/s/up080d?file=/demo.tsx
首先，您可以看到标签“年龄”覆盖了所有的选择框。一旦单击，标签将位于顶部，一旦选择了值，标签将始终位于顶部。我需要的是标签的行为就像没有选择值一样，在选择完成后仍然覆盖整个选择框。
以前有没有人做到过，或者有什么想法？

reactjs

来源：https://stackoverflow.com/questions/76341057/select-label-to-always-cover-the-component-even-despite-there-being-a-selected-v

1条答案

按热度按时间

jdzmm42g1#

我想我得到了它与以下工作：

<Box sx={{ minWidth: 120 }}>
      <FormControl fullWidth>
        <InputLabel id="demo-simple-select-label" shrink={false}>
          {!age && "Age"}
        </InputLabel>
        <Select
          labelId="demo-simple-select-label"
          id="demo-simple-select"
          value={age}
          onChange={handleChange}
        >
          <MenuItem value={10}>Ten</MenuItem>
          <MenuItem value={20}>Twenty</MenuItem>
          <MenuItem value={30}>Thirty</MenuItem>
        </Select>
      </FormControl>
    </Box>

Codesandbox Example

赞(0）回复(0）举报 2023-05-28

我来回答

reactjs 选择标签以始终覆盖组件，即使存在选定值

1条答案

相关问题

热门标签

最新问答