как ввести новую строку в реаги- bootstrap?

Question

Я использую реагировать bootstrap и хочу ввести новую строку. не похоже на работу.

{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>
))}