如何在React MUI中创建带有标签的TextField

Question

我想知道我们是否可以使用material-UI

在响应中创建一个带标签的文本字段

子域部分已预填充的位置。 语义UI的示例。 Semantic UI

Answer 1

为此，您可以在TextField中使用InputProps。

  <div>
    <TextField
      InputProps={{
        startAdornment: (
          <InputAdornment position="start">http://</InputAdornment>
        )
      }}
    />
  </div>

请参见https://codesandbox.io/s/material-demo-un8xk上的演示