使用固定文本和占位符反应 Material-UI TextInput

Question

我想为 TextInput 实现以下 UI。它应该在末尾有一个固定的文本以及一个可以提供输入的占位符。

注意：固定文本不应该是可编辑的。

Answer 1

关于输入装饰的文档：https : //material-ui.com/components/text-fields/#input-adornments

import { TextField, InputAdornment } from "@material-ui/core";

<TextField
    placeholder="00"
    InputProps={{
        endAdornment: <InputAdornment position="end">km</InputAdornment>,
    }}
/>