我在我的應用程式中使用詩歌 API，當我收到 JSON 格式的詩歌時，它們的格式為：
行： Array(14) 0：“我遇到了一位來自古老土地的旅行者” 1：“誰說：兩條巨大而沒有軀干的石頭腿” 2：“站在沙漠中......靠近他們，在沙灘上” 3：“半沉下去，破碎的面容躺著，皺著眉頭，” 4：“還有皺紋的嘴唇，冷酷的命令冷笑，” 5：“告訴它的雕刻家，那些激情已經讀過了” 6：“它仍然幸存下來，被踩在腳下這些無生命的東西，” 7：“嘲笑他們的手，和喂養他們的心：” 8：“在基座上出現了這些話：” 9：“我的名字是 Ozymandias，萬王之王：” 10：“看看我的作品，你這強大的，絕望的！'” 11：“除此之外什么都沒有。圍繞腐朽” 12：“在那巨大的殘骸中，無邊無際的光禿禿的” 13：“孤獨而平坦的沙灘延伸得很遠。"長度：14
當我將 JSON 陣列中的每個專案輸出到我的頁面時，我無法將其顯示為新行。
目前，我有一個組件，可以將每首回傳的詩歌映射到一張卡片中，其中包含相應的作者、標題和詩行
poem.map((item) => {
let author = item.author
let title = item.title
let lines = item.lines
if (author!= undefined && title!= undefined) {
return(
<>
<div className="viewer">
<div className="author">{author}</div>
<div className="title">{title}</div>
<div className="lines">{lines}</div>
</div>
</>
)
}
})
最終在我的網頁上顯示的是下一行之后的每一行，它們之間沒有任何換行符。
uj5u.com熱心網友回復：
您可以嘗試將 cssdisplay: block;應用于viewerand 這將使每個 div 子級viewer占據父級的整個寬度
uj5u.com熱心網友回復：
如果將文本放在 a<div>中，則默認情況下它不會有換行符。要獲得換行符，您必須將每一行放在其自己的塊元素中（如<div>）或在每行之間插入一個<br/>標簽。
這是每個示例。 https://jsfiddle.net/bdLru78c/
uj5u.com熱心網友回復：
在您當前的代碼中，詩行是根據原始 JSON 資料顯示的，沒有任何換行符我認為我們可以解決這個問題，如下所示
<div className="lines">
{lines.map((line)=> {
<div>{line}</div>
})}
</div>
另外，您可以for為此使用宣告如果您有問題請告訴我
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/496307.html
標籤：javascript 反应
上一篇：如何使用命令讓機器人dm我