reactjs - ReactJs：处理包含许多段落的输入文本

Question

我是新来的反应，

我想让用户在输入框中输入一些文本（可能包含超过 1 段），然后显示它。

如果我使用<input type="text">标签，用户不能按回车键输入另一行。

如果我使用<span role="textbox" contentEditable={true}>标签，虽然用户可以输入

para1.
para2.

然后我保存文本并通过将输入放在<p>标签中来显示它们，段落被连接起来：

para1.para2.

如何让用户输入段落并正常显示？

感谢您的帮助！

标签： reactjs

Answer 1

输入的最佳选择是允许编写多个段落的简单选项。至于显示文本，您可以使用类似于以下内容的内容：

<p>
  {text.split('\n').map((item, key) => (
    <Fragment key={key}>
      {item}
      <br />
    </Fragment>
 ))}
</p>