我可以添加一个不会更改的固定值，用户也可以在 TextField MUI 中键入文本吗？

Question

I'd like to have something like this.

There is a TextField and inside this component, there is a value that won't be changed.

After this value, user can type text where You can type here... text is but user can't change the fixed value ( Display fixed value text).

Can we have a fixed value and also user can type their message inside 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>
  );
}