带有-n的材料界面TextField DefaultValue字符串不进行换行

Question

我正在尝试使用包含\ n（换行符）的默认值字符串来加载Material-UI TextField @ material-ui / core“：” ^ 4.9.11“。

但是，我没有将defaultValue中的文本分成两行。 \ n转义仅包含在该字段中。因此，我想将包含\ n的字符串传递给defaultValue并将其放在TextField的两行上。

import React from "react";
import "./styles.css";
import TextField from "@material-ui/core/TextField";

export default function App() {
  return (
    <div className="App">
      <TextField multiline rows={2} defaultValue="Line1\nLine2" />
    </div>
  );
}

I've got a codesandbox of this here

Answer 1

您可以为此使用变量：

const val = "Line1\nLine2";
return (
    <div className="App">
        <TextField multiline rows={2} defaultValue={val} />
    </div>
);