Material-UI OutlinedInput 不显示 startAdornment

Question

以下是代码。开始装饰不会出现在文本字段中。此外，标签不显示任何文字。

<InputLabel>Mobile Number</InputLabel>
            <OutlinedInput
              variant="outlined"
              autoComplete="outlined"
              name="name"
              required
              fullWidth
              label="Enter Mobile Number"
              autoFocus
              inputProps={{
                maxLength: 10,
              }}
              InputProps={{
                startAdornment: (
                  <InputAdornment position="start">+1 </InputAdornment>
                ),
              }}
            />

Answer 1

将 TextField 用于 startAdorment 并删除 inputlabel 并将您的愿望标签作为道具传递给 TextField ：

 <TextField
              variant="outlined"
              autoComplete="outlined"
              name="name"
              required
              fullWidth
              label="Enter Mobile Number"
              autoFocus
              InputProps={{
                startAdornment: (
                  <InputAdornment position="start">+1 </InputAdornment>
                ),
              }}
            />

或者，如果您想使用 OtlinedInput，您可以将其作为道具传递：

  startAdornment={
            <InputAdornment position="start">
              <AccountCircle />
            </InputAdornment>
          }