新换行问题答案

【问题标题】：New line break issue新换行问题
【发布时间】：2021-05-29 00:48:12
【问题描述】：

当我使用\n 时，不知何故在我的弹出窗口中没有开始新行

请参阅下面的代码示例。

data.forEach((element) => {
  dataClean.push({
    position: { lng: element.Longitude, lat: element.Latitude },
    text: priceData(element)
  });
}); 

function priceData(element) {
  let labelText = `No.: ${element.Number}, ${element.Bedrooms} rooms\n
  ${element.Address}\n\n`;
  const data = element.history;
  data[0].forEach((element, indx) => {
    labelText = `${labelText} ∙ ${element}: ${data[1][indx]} \n`;
  });

  labelText = `${labelText}\n${element.days} days\nstatus: ${element.status}`;

  return labelText;
}

【问题讨论】：

标签： javascript

【解决方案1】：

尝试使用<br> 而不是\n。

【讨论】：

【解决方案2】：

如果弹出窗口实际上是指模态框，请尝试将此 css 属性添加到包含您的文本的元素：

white-space: pre;

编辑：在您的原始帖子中没有看到任何提到 React Native，所以显然我的回答只有在我们谈论的是经典 Web 项目而不是 React Native 项目时才会有所帮助。

【讨论】：