reactjs - 使用固定文本和占位符反应 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>,
    }}
/>