我可以添加一個不會更改的固定值，用戶也可以在 TextField MUI 中鍵入文本嗎？

Question

我想要這樣的東西。

有一個TextField ，在這個組件內部，有一個不會改變的值。

在此值之后，用戶可以在You can type here...文本是但用戶無法更改固定值（ Display fixed value文本）。

我們可以有一個固定的值，用戶也可以在 MUI TextField中輸入他們的消息嗎？

import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import TextField from "@material-ui/core/TextField";

const useStyles = makeStyles(theme => ({
  root: {
    "& .MuiTextField-root": {
      margin: theme.spacing(1)
    }
  },
  textarea: {
    resize: "both"
  }
}));

export default function MultilineTextFields() {
  const classes = useStyles();

  return (
    <form className={classes.root} noValidate autoComplete="off">
      <div>
        <TextField
          id="outlined-textarea"
          label="Multiline Placeholder"
          placeholder="Placeholder"
          multiline
          variant="outlined"
          inputProps={{ className: classes.textarea }}
        />
      </div>
    </form>
  );
}