如何在material-ui TextField中实现类似html <pre>的行为

Question

我正在尝试实现与HTML相同的功能

 tag in material-ui Textfield. 


<TextField
      label="Create post"
      multiline={true}
      rows={4}
      rowsMax={6}
      margin="normal"
      variant="outlined"
      fullWidth
      value={text}
      onChange={e => setText(e.target.value)}
    />

当我将文本保存到数据库中时，我希望该文本具有相同的格式，以便它将以最初输入的相同方式进行提取和显示。