Material UI 选择 displayEmpty 标签覆盖输入

Question

我很难选择这个选项。看起来displayEmpty 道具可能存在错误。我尝试了以下方法，但是当value === ""

        <FormControl>
          <InputLabel htmlFor="profile-select">Profile</InputLabel>
          <Select
            value={values.accessProfile}
            onChange={handleChange("accessProfile")}
            input={<Input id="profile-select" />}
            displayEmpty
          >
            <MenuItem value={""}>None</MenuItem>
            {profiles.map(profile => (
              <MenuItem value={profile.id}>{profile.name}</MenuItem>
            ))}
          </Select>
        </FormControl>

Answer 1

您需要将 InputLabel 组件上的 shrink 属性设置为 true https://material-ui.com/api/input-label/