javascript - 在段落内的 JSX 字符串中添加新行 - React

Question

我有以下 React 代码:

render() {
  const str = 'Line 1. **new-line** Line 2.';
  return (
    <p> {str} </p>
  );
}

我希望输出是:

Line 1.
Line 2.

即——在单词之间添加新行。我已经尝试过 \n 但它不起作用。

如何实现这一点？

编辑: 该字符串是从服务器接收的。

Answer 1

为段落设置 CSS-Style 如下，它将在\n 处换行并根据父宽度换行。

white-space: pre-wrap;

或

white-space: pre-line;