Newline被忽略了

Question

我目前正在开发一个相当简单的错误处理系统，但我添加换行符的尝试似乎被忽略了。

预期行为：

[expression]: errormessage
[expression2]: errormessage2
[expression2]: errormessage3

等

当前行为：[expression]: errormessage [expression2]: errormessage2 [expression2]: errormessage3

我把我的绳子做成这样：

    result.map((errorObject) => {
      errorMessage = `${errorMessage} ${errorObject.error}` + "\n";
    });

我也尝试过：

    result.map((errorObject) => {
      errorMessage = `${errorMessage} ${errorObject.error}\n`;
    });

result.map完成后，我将errorMessage对象返回给React组件以进行呈现。这个组件是一个简单的html p对象。

  {validationMessage && validationError && (
    <ErrorMessage>{validationMessage}</ErrorMessage>
  )}

validationMessage的控制台日志返回：

validationMessage: " [expression]: errormessage\n [epression2] errormessage2\n [expression3]: errormessage3\n"}

如果能在这方面提供任何帮助，我将不胜感激。如果需要更多的信息，请随时提问，我会相应地更新问题。

Answer 1

HTML忽略换行符。因此，与其试图映射数据并创建类似的换行符，不如在组件级别上实现它，即数据的显示方式。

您可以使用P标记(段落)或br (中断)创建新行。您可能还想在这里寻找解决方案：HTML中带有'\n‘的分行符