Как создать текстовое поле с надписью в React MUI

Question

Я хотел знать, есть ли у нас или мы можем создать помеченное текстовое поле в реагировании, используя интерфейс материалов

, где часть субдомена предварительно заполнена. Пример Semanti c UI. Семанти c Интерфейс

Answer 1

Для этого вы можете использовать InputProps в TextField.

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

См. Демонстрацию в https://codesandbox.io/s/material-demo-un8xk