material-ui - Material UI InputLabel - 当输入为空时禁用动画

Question

当我的输入字段为空且未聚焦时，Material UI 会将标签作为占位符放置在输入字段中。



我想要的是，始终将标签放在输入字段上方，类似于选择输入字段时的样子。



我怎样才能做到这一点？

示例代码:

     <FormControl>
        <InputLabel htmlFor="name">Name</InputLabel>
        <Input name="name"
               value={name}/>
      </FormControl>

Answer 1

对于那些正在寻找如何通过 TextField 实现此目的的人组件，这里:

<TextField
  variant="outlined"
  InputLabelProps={{
    shrink: true,
  }}
/>