如何在 react-bootstrap 中输入新行？

Question

我正在使用 reactbootstrap，我想输入一个新行。
似乎不起作用。

{revision.notes.map(note => (
    <div key={note.id}>
        "{note.content}"
        <span className="pull-right">
            <a href={`/editor/${note.author.id}`}>
                <i>
                    —{note.author.name}
                </i>
            </a>
            <br/>
        </span>
        <br/>
    </div>

))}

你可以看到它搞砸了。两个作者的名字都在同一行。我想在一行中有注释，右边是通讯作者的名字。如果注释后的同一行中有作者姓名的空格，那么我希望它在那里，否则为新行。如何实现？

Answer 1

您可以使用p 标签

以下应该可以工作。

{revision.notes.map(note => (
    <div key={note.id}>
        <p>{note.content}</p>
        <span className="pull-right">
            <a href={`/editor/${note.author.id}`}>
                <i>
                    —{note.author.name}
                </i>
            </a>
            <br/>
        </span>
        <br/>
    </div>
))}