在react中的字符串文字内插入新行

在React中，你可以使用转义字符 \n 来在字符串文字中插入新行。当你在字符串中使用 \n，React会将其解释为换行符。

以下是一个示例，演示如何在React中的字符串文字中插入新行：

import React from 'react';

function App() {
  const message = 'Hello,\nWorld!';

  return (
    <div>
      <pre>{message}</pre>
    </div>
  );
}

export default App;

在这个示例中，我们定义了一个字符串变量 message，其中包含了 \n 来表示新行。然后，我们在React组件的返回值中使用了 <pre> 标签来显示这个字符串。<pre> 标签会保留文本中的空格和换行符，以原样显示文本内容。

当你在浏览器中渲染这个React组件时，你将看到输出的文本在 Hello 和 World! 之间有一个新行。