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

【问题标题】：How to create labelled TextField in React MUI如何在 React MUI 中创建带标签的 TextField
【发布时间】：2020-03-08 06:04:04
【问题描述】：

我想知道我们是否有或者我们可以使用material-UI在反应中创建一个带标签的文本字段@

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

【问题讨论】：

标签： reactjs material-ui

【解决方案1】：

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

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

在https://codesandbox.io/s/material-demo-un8xk查看演示

【讨论】：