我有一个react web应用程序，我想打印JSON文件中的数据。我将数据写入JSON文件，如下所示：“嗨，又是我：）\n\n在过去的几周里，"...当我试图打印此内容时（在类型字段内容中描述：字符串），它将忽略所有\n并以不适当的方式打印内容使用：
<p className="content">{object.content}</p>
我如何才能打印得漂亮？并将内容限制在它打印在里面的区域的大小？
xlpyo6sf1#
如果您从内容中创建行，则可以解决此问题。然后以以下内容结束每行：<br />例如：
<br />
export default function App() { const content = "Hi, me again :)\n\nOver the past few weeks,"; const lines = content.split("\n"); return ( <div className="App"> {lines.map(line => ( <> <div>{line}</div> <br /> </> ))} </div> ); }
下面是一个例子：https://codesandbox.io/s/nostalgic-shape-t0tdk你也可以用dangerouslySetInnerHTML来解决。但是你知道这很危险。：）
1条答案
按热度按时间xlpyo6sf1#
如果您从内容中创建行，则可以解决此问题。然后以以下内容结束每行：
<br />例如：
下面是一个例子：https://codesandbox.io/s/nostalgic-shape-t0tdk
你也可以用dangerouslySetInnerHTML来解决。但是你知道这很危险。：）